Socket
Socket
Sign inDemoInstall

draft-js-checkable-list-plugin

Package Overview
Dependencies
Maintainers
1
Versions
9
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

draft-js-checkable-list-plugin - npm Package Compare versions

Comparing version 3.0.0 to 4.0.0

8

lib/blockStyleFn.js

@@ -1,2 +0,2 @@

'use strict';
"use strict";

@@ -6,4 +6,5 @@ Object.defineProperty(exports, "__esModule", {

});
exports.default = void 0;
var _draftJsCheckableListItem = require('draft-js-checkable-list-item');
var _draftJsCheckableListItem = require("draft-js-checkable-list-item");

@@ -16,2 +17,3 @@ var blockStyleFn = function blockStyleFn(block) {

exports.default = blockStyleFn;
var _default = blockStyleFn;
exports.default = _default;

@@ -6,42 +6,26 @@ "use strict";

});
exports.default = void 0;
var _react = require("react");
var _react = _interopRequireDefault(require("react"));
var _react2 = _interopRequireDefault(_react);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var DefaultIcon = function DefaultIcon() {
return _react2.default.createElement(
"svg",
{ version: "1.1", id: "Capa_1", xmlns: "http://www.w3.org/2000/svg", x: "0px", y: "0px",
width: "510px", height: "510px", viewBox: "0 0 510 510" },
_react2.default.createElement(
"g",
null,
_react2.default.createElement(
"g",
{ id: "check-circle-outline" },
_react2.default.createElement("path", { d: "M150.45,206.55l-35.7,35.7L229.5,357l255-255l-35.7-35.7L229.5,285.6L150.45,206.55z M459,255c0,112.2-91.8,204-204,204 S51,367.2,51,255S142.8,51,255,51c20.4,0,38.25,2.55,56.1,7.65l40.801-40.8C321.3,7.65,288.15,0,255,0C114.75,0,0,114.75,0,255 s114.75,255,255,255s255-114.75,255-255H459z"
})
)
),
_react2.default.createElement("g", null),
_react2.default.createElement("g", null),
_react2.default.createElement("g", null),
_react2.default.createElement("g", null),
_react2.default.createElement("g", null),
_react2.default.createElement("g", null),
_react2.default.createElement("g", null),
_react2.default.createElement("g", null),
_react2.default.createElement("g", null),
_react2.default.createElement("g", null),
_react2.default.createElement("g", null),
_react2.default.createElement("g", null),
_react2.default.createElement("g", null),
_react2.default.createElement("g", null),
_react2.default.createElement("g", null)
);
return _react.default.createElement("svg", {
version: "1.1",
id: "Capa_1",
xmlns: "http://www.w3.org/2000/svg",
x: "0px",
y: "0px",
width: "510px",
height: "510px",
viewBox: "0 0 510 510"
}, _react.default.createElement("g", null, _react.default.createElement("g", {
id: "check-circle-outline"
}, _react.default.createElement("path", {
d: "M150.45,206.55l-35.7,35.7L229.5,357l255-255l-35.7-35.7L229.5,285.6L150.45,206.55z M459,255c0,112.2-91.8,204-204,204 S51,367.2,51,255S142.8,51,255,51c20.4,0,38.25,2.55,56.1,7.65l40.801-40.8C321.3,7.65,288.15,0,255,0C114.75,0,0,114.75,0,255 s114.75,255,255,255s255-114.75,255-255H459z"
}))), _react.default.createElement("g", null), _react.default.createElement("g", null), _react.default.createElement("g", null), _react.default.createElement("g", null), _react.default.createElement("g", null), _react.default.createElement("g", null), _react.default.createElement("g", null), _react.default.createElement("g", null), _react.default.createElement("g", null), _react.default.createElement("g", null), _react.default.createElement("g", null), _react.default.createElement("g", null), _react.default.createElement("g", null), _react.default.createElement("g", null), _react.default.createElement("g", null));
};
exports.default = DefaultIcon;
var _default = DefaultIcon;
exports.default = _default;

@@ -1,2 +0,2 @@

'use strict';
"use strict";

@@ -6,30 +6,37 @@ Object.defineProperty(exports, "__esModule", {

});
exports.default = void 0;
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = _interopRequireWildcard(require("react"));
var _react = require('react');
var _draftJs = require("draft-js");
var _react2 = _interopRequireDefault(_react);
var _draftJsCheckableListItem = require("draft-js-checkable-list-item");
var _draftJs = require('draft-js');
var _unionClassNames = _interopRequireDefault(require("union-class-names"));
var _draftJsCheckableListItem = require('draft-js-checkable-list-item');
var _DefaultIcon = _interopRequireDefault(require("./DefaultIcon"));
var _unionClassNames = require('union-class-names');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _unionClassNames2 = _interopRequireDefault(_unionClassNames);
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
var _DefaultIcon = require('./DefaultIcon');
function _instanceof(left, right) { if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { return right[Symbol.hasInstance](left); } else { return left instanceof right; } }
var _DefaultIcon2 = _interopRequireDefault(_DefaultIcon);
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!_instanceof(instance, Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
var Button = function (_Component) {
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
var Button =
/*#__PURE__*/
function (_Component) {
_inherits(Button, _Component);

@@ -40,20 +47,31 @@

var _temp, _this, _ret;
var _temp, _this;
_classCallCheck(this, Button);
for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Button.__proto__ || Object.getPrototypeOf(Button)).call.apply(_ref, [this].concat(args))), _this), _this.toggleType = function (event) {
event.preventDefault();
_this.props.store.setEditorState(_draftJs.RichUtils.toggleBlockType(_this.props.editorState, _draftJsCheckableListItem.CHECKABLE_LIST_ITEM));
}, _this.isActive = function () {
return _draftJs.RichUtils.getCurrentBlockType(_this.props.editorState) === _draftJsCheckableListItem.CHECKABLE_LIST_ITEM;
}, _temp), _possibleConstructorReturn(_this, _ret);
return _possibleConstructorReturn(_this, (_temp = _this = _possibleConstructorReturn(this, (_ref = Button.__proto__ || Object.getPrototypeOf(Button)).call.apply(_ref, [this].concat(args))), Object.defineProperty(_assertThisInitialized(_this), "toggleType", {
configurable: true,
enumerable: true,
writable: true,
value: function value(event) {
event.preventDefault();
_this.props.store.setEditorState(_draftJs.RichUtils.toggleBlockType(_this.props.editorState, _draftJsCheckableListItem.CHECKABLE_LIST_ITEM));
}
}), Object.defineProperty(_assertThisInitialized(_this), "isActive", {
configurable: true,
enumerable: true,
writable: true,
value: function value() {
return _draftJs.RichUtils.getCurrentBlockType(_this.props.editorState) === _draftJsCheckableListItem.CHECKABLE_LIST_ITEM;
}
}), _temp));
}
_createClass(Button, [{
key: 'render',
key: "render",
value: function render() {

@@ -63,22 +81,13 @@ var _props = this.props,

children = _props.children;
var button = theme.button || 'checkable-list-item-button';
var active = theme.active || 'active';
var className = this.isActive() ? (0, _unionClassNames2.default)(button, active) : button;
return _react2.default.createElement(
'span',
{
className: className,
onMouseDown: this.toggleType
},
_react2.default.createElement(
'span',
{ className: theme.buttonInner || 'checkable-list-item-button__inner' },
_react2.default.createElement(
'span',
{ className: theme.buttonBody || 'checkable-list-item-button__body' },
children || _react2.default.createElement(_DefaultIcon2.default, null)
)
)
);
var className = this.isActive() ? (0, _unionClassNames.default)(button, active) : button;
return _react.default.createElement("span", {
className: className,
onMouseDown: this.toggleType
}, _react.default.createElement("span", {
className: theme.buttonInner || 'checkable-list-item-button__inner'
}, _react.default.createElement("span", {
className: theme.buttonBody || 'checkable-list-item-button__body'
}, children || _react.default.createElement(_DefaultIcon.default, null))));
}

@@ -85,0 +94,0 @@ }]);

@@ -1,2 +0,2 @@

'use strict';
"use strict";

@@ -6,4 +6,5 @@ Object.defineProperty(exports, "__esModule", {

});
exports.default = void 0;
var _draftJsCheckableListItem = require('draft-js-checkable-list-item');
var _draftJsCheckableListItem = require("draft-js-checkable-list-item");

@@ -23,3 +24,2 @@ var createBlockRendererFn = function createBlockRendererFn(_ref) {

},
checked: !!block.getData().get('checked')

@@ -32,2 +32,3 @@ }

exports.default = createBlockRendererFn;
var _default = createBlockRendererFn;
exports.default = _default;

@@ -1,2 +0,2 @@

'use strict';
"use strict";

@@ -6,7 +6,13 @@ Object.defineProperty(exports, "__esModule", {

});
exports.wrapper = undefined;
Object.defineProperty(exports, "wrapper", {
enumerable: true,
get: function get() {
return _draftJsCheckableListItem.WRAPPER;
}
});
exports.default = void 0;
var _draftJsCheckableListItem = require('draft-js-checkable-list-item');
var _draftJsCheckableListItem = require("draft-js-checkable-list-item");
var _immutable = require('immutable');
var _immutable = require("immutable");

@@ -17,3 +23,4 @@ var createBlockRenderMap = function createBlockRenderMap(config) {

exports.default = createBlockRenderMap;
exports.wrapper = _draftJsCheckableListItem.WRAPPER; // for test
var _default = createBlockRenderMap; // for test
exports.default = _default;

@@ -1,2 +0,2 @@

'use strict';
"use strict";

@@ -6,4 +6,5 @@ Object.defineProperty(exports, "__esModule", {

});
exports.default = void 0;
var _draftJsCheckableListItem = require('draft-js-checkable-list-item');
var _draftJsCheckableListItem = require("draft-js-checkable-list-item");

@@ -14,3 +15,2 @@ var createOnTab = function createOnTab(config) {

setEditorState = _ref.setEditorState;
var editorState = getEditorState();

@@ -26,2 +26,3 @@

exports.default = createOnTab;
var _default = createOnTab;
exports.default = _default;

@@ -1,2 +0,2 @@

'use strict';
"use strict";

@@ -6,36 +6,24 @@ Object.defineProperty(exports, "__esModule", {

});
exports.default = void 0;
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _draftJsCheckableListItem = require("draft-js-checkable-list-item");
var _draftJsCheckableListItem = require('draft-js-checkable-list-item');
var _decorateComponentWithProps = _interopRequireDefault(require("decorate-component-with-props"));
var _decorateComponentWithProps = require('decorate-component-with-props');
var _createBlockRendererFn = _interopRequireDefault(require("./createBlockRendererFn"));
var _decorateComponentWithProps2 = _interopRequireDefault(_decorateComponentWithProps);
var _createBlockRenderMap = _interopRequireDefault(require("./createBlockRenderMap"));
var _createBlockRendererFn = require('./createBlockRendererFn');
var _createOnTab = _interopRequireDefault(require("./createOnTab"));
var _createBlockRendererFn2 = _interopRequireDefault(_createBlockRendererFn);
var _blockStyleFn = _interopRequireDefault(require("./blockStyleFn"));
var _createBlockRenderMap = require('./createBlockRenderMap');
var _Button = _interopRequireDefault(require("./Button"));
var _createBlockRenderMap2 = _interopRequireDefault(_createBlockRenderMap);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _createOnTab = require('./createOnTab');
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
var _createOnTab2 = _interopRequireDefault(_createOnTab);
var _blockStyleFn = require('./blockStyleFn');
var _blockStyleFn2 = _interopRequireDefault(_blockStyleFn);
var _Button = require('./Button');
var _Button2 = _interopRequireDefault(_Button);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var checkableListPlugin = function checkableListPlugin() {
var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var store = {

@@ -53,3 +41,3 @@ getEditorState: null,

var blockRendererConfig = _extends({
CheckableListItem: (0, _decorateComponentWithProps2.default)(_draftJsCheckableListItem.CheckableListItem, checkableListItemProps)
CheckableListItem: (0, _decorateComponentWithProps.default)(_draftJsCheckableListItem.CheckableListItem, checkableListItemProps)
}, config);

@@ -60,7 +48,5 @@

};
var onTabConfig = {
maxDepth: config.maxDepth || 4
};
var buttonConfig = {

@@ -70,3 +56,2 @@ store: store,

};
return {

@@ -76,15 +61,14 @@ initialize: function initialize(_ref) {

getEditorState = _ref.getEditorState;
store.setEditorState = setEditorState;
store.getEditorState = getEditorState;
},
blockRendererFn: (0, _createBlockRendererFn2.default)(blockRendererConfig),
blockRenderMap: (0, _createBlockRenderMap2.default)(blockRenderMapConfig),
onTab: (0, _createOnTab2.default)(onTabConfig),
Button: (0, _decorateComponentWithProps2.default)(_Button2.default, buttonConfig),
blockStyleFn: _blockStyleFn2.default
blockRendererFn: (0, _createBlockRendererFn.default)(blockRendererConfig),
blockRenderMap: (0, _createBlockRenderMap.default)(blockRenderMapConfig),
onTab: (0, _createOnTab.default)(onTabConfig),
Button: (0, _decorateComponentWithProps.default)(_Button.default, buttonConfig),
blockStyleFn: _blockStyleFn.default
};
};
exports.default = checkableListPlugin;
var _default = checkableListPlugin;
exports.default = _default;
{
"name": "draft-js-checkable-list-plugin",
"version": "3.0.0",
"version": "4.0.0",
"description": "Checkable list plugin for DraftJS",

@@ -42,5 +42,4 @@ "main": "lib/index.js",

"dependencies": {
"decorate-component-with-props": "^1.0.2",
"draft-js": "~0.10.1",
"draft-js-checkable-list-item": "^2.0.5",
"decorate-component-with-props": "^1.1.0",
"draft-js-checkable-list-item": "^3.0.0",
"immutable": "~3.7.4",

@@ -50,47 +49,55 @@ "union-class-names": "^1.0.0"

"devDependencies": {
"babel-cli": "^6.24.1",
"babel-core": "^6.25.0",
"babel-eslint": "^7.2.3",
"babel-jest": "^20.0.3",
"babel-loader": "^7.0.0",
"babel-plugin-rewire": "^1.1.0",
"babel-plugin-transform-class-properties": "^6.24.1",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-plugin-transform-object-rest-spread": "^6.23.0",
"babel-polyfill": "^6.23.0",
"babel-preset-es2015": "^6.24.1",
"babel-preset-es2016": "^6.24.1",
"babel-preset-react": "^6.24.1",
"coveralls": "^2.13.1",
"css-loader": "^0.28.4",
"draft-js-plugins-editor": "2.0.0-rc2",
"enzyme": "^2.8.2",
"eslint": "^4.0.0",
"eslint-plugin-babel": "^4.1.1",
"eslint-plugin-flowtype": "^2.34.0",
"eslint-plugin-react": "^7.1.0",
"flow-bin": "^0.42.0",
"gh-pages": "^1.0.0",
"@babel/cli": "^7.0.0-beta.36",
"@babel/core": "^7.0.0-beta.36",
"@babel/plugin-transform-flow-strip-types": "^7.0.0-beta.36",
"@babel/polyfill": "^7.0.0-beta.36",
"@babel/preset-es2015": "^7.0.0-beta.36",
"@babel/preset-es2016": "^7.0.0-beta.36",
"@babel/preset-react": "^7.0.0-beta.36",
"@babel/preset-stage-2": "^7.0.0-beta.36",
"babel-core": "^7.0.0-0",
"babel-eslint": "^8.1.2",
"babel-jest": "^22.0.4",
"babel-loader": "^8.0.0-beta.0",
"coveralls": "^3.0.0",
"css-loader": "^0.28.7",
"draft-js": "~0.10.4",
"draft-js-plugins-editor": "^2.0.4",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^4.14.0",
"eslint-plugin-babel": "^4.1.2",
"eslint-plugin-flowtype": "^2.40.1",
"eslint-plugin-react": "^7.5.1",
"flow-bin": "^0.62.0",
"gh-pages": "^1.1.0",
"highlight.js": "^9.12.0",
"html-webpack-plugin": "^2.28.0",
"jest": "^20.0.4",
"react": "^15.6.1",
"react-dom": "^15.6.1",
"react-ghfork": "^0.3.5",
"react-hot-loader": "3.0.0-beta.7",
"react-test-renderer": "^15.6.1",
"style-loader": "^0.18.2",
"html-webpack-plugin": "^2.30.1",
"jest": "^22.0.4",
"raf": "^3.4.0",
"react": "^16.2.0",
"react-dom": "^16.2.0",
"react-ghfork": "^0.5.1",
"react-hot-loader": "^3.1.3",
"react-test-renderer": "^16.2.0",
"regenerator-runtime": "^0.11.1",
"style-loader": "^0.19.1",
"stylus": "^0.54.5",
"stylus-loader": "^3.0.1",
"webpack": "^2.6.1",
"webpack-dev-server": "^2.4.5"
"webpack": "^3.10.0",
"webpack-dev-server": "^2.9.7"
},
"peerDependencies": {
"draft-js-plugins-editor": "~2.0.0-rc.1 || 2.0.0-rc2 || 2.0.0-rc1 || 2.0.0-beta12 || 2.0.0-beta11 || 2.0.0-beta10 || 2.0.0-beta9",
"react": "^15.0.0",
"react-dom": "^15.0.0"
"draft-js": "~0.10.1",
"draft-js-plugins-editor": "^2.0.0",
"react": "^16.0.0 || ^15.0.0",
"react-dom": "^16.0.0 || ^15.0.0"
},
"jest": {
"testRegex": "test/.+-test\\.js$"
"testRegex": "test/.+-test\\.js$",
"setupFiles": [
"raf/polyfill",
"<rootDir>/config/configure-enzyme.js"
]
}
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc