react-tabulator - npm Package Compare versions

Comparing version 0.7.5 to 0.7.6

CHANGELOG.md

@@ -1,5 +0,6 @@
-## [0.7.0] - 2018-11-13
+## [0.7.6] - 2018-11-19
 
 ### Added
 - MultiValueFormatter
+- MultiSelectEditor
 ### Changed
@@ -6,0 +7,0 @@ - BREAKING: moved "css" directory out of "lib" - usage: import "react-tabulator/styles.css"

lib/formatters/MultiValueFormatter.js

@@ -19,3 +19,5 @@ "use strict";
         // TODO: use React.Fragment here to remove unnecessary div. (but will break React 15 example in Codesandbox)
-        content = (React.createElement("div", null, arr.map(function (value) { return (React.createElement("span", null, value)); })));
+        content = (React.createElement("div", null, arr.map(function (item) {
+            return typeof item === 'string' ? React.createElement("span", null, item) : React.createElement("span", null, item.name);
+        })));
     }
@@ -22,0 +24,0 @@ var el = createCellEl();

lib/ReactTabulatorExample.js

@@ -20,2 +20,3 @@ "use strict";
 var DateEditor_1 = require("./editors/DateEditor");
+var MultiSelectEditor_1 = require("./editors/MultiSelectEditor");
 var MultiValueFormatter_1 = require("./formatters/MultiValueFormatter");
@@ -50,2 +51,3 @@ var columns = [
 var colorOptions = (_a = {}, _a[''] = ' ', _a.red = 'red', _a.green = 'green', _a.yellow = 'yellow', _a);
+var petOptions = [{ id: 'cat', name: 'cat' }, { id: 'dog', name: 'dog' }, { id: 'fish', name: 'fish' }];
 var editableColumns = [
@@ -63,3 +65,10 @@ { title: 'Name', field: 'name', width: 150, editor: 'input', headerFilter: 'input' },
     { title: 'Date Of Birth', field: 'dob', editor: DateEditor_1["default"], editorParams: { format: 'MM/dd/yyyy' } },
-    { title: 'Pets', field: 'pets', formatter: MultiValueFormatter_1["default"], formatterParams: { style: 'PILL' } },
+    {
+        title: 'Pets',
+        field: 'pets',
+        editor: MultiSelectEditor_1["default"],
+        editorParams: { values: petOptions },
+        formatter: MultiValueFormatter_1["default"],
+        formatterParams: { style: 'PILL' }
+    },
     { title: 'Passed?', field: 'passed', align: 'center', formatter: 'tickCross', editor: true }
@@ -102,3 +111,3 @@ ];
             React.createElement("h3", null, "Editable Table"),
-            React.createElement(ReactTabulator_1["default"], { columns: editableColumns, data: data, cellEdited: function (ev) { return console.log('cellEdited', ev); }, dataEdited: function (ev) { return console.log('dataEdited', ev); } }),
+            React.createElement(ReactTabulator_1["default"], { columns: editableColumns, data: data, cellEdited: function (cell) { return console.log('cellEdited', cell); }, dataEdited: function (newData) { return console.log('dataEdited', newData); } }),
             React.createElement("p", null,
@@ -105,0 +114,0 @@ React.createElement("a", { href: "https://github.com/ngduc/react-tabulator", target: "_blank" }, "Back to: Github Repo: react-tabulator")),

lib/Utils.js

 "use strict";
 exports.__esModule = true;
+function clone(obj) {
+    return JSON.parse(JSON.stringify(obj));
+}
+exports.clone = clone;
 function isSameArray(a, b) {
@@ -4,0 +8,0 @@ var i = a.length;

package.json

 {
   "name": "react-tabulator",
-  "version": "0.7.5",
+  "version": "0.7.6",
   "description": "React Tabulator component",
@@ -44,5 +44,7 @@ "main": "lib/index.js",
   "dependencies": {
+    "@types/react-tag-autocomplete": "^5.6.0",
     "date-fns": "v2.0.0-alpha.25",
     "dotenv": "^6.1.0",
     "pick-react-known-prop": "^0.1.5",
+    "react-tag-autocomplete": "^5.7.1",
     "tabulator-tables": "^4.1.2"
@@ -49,0 +51,0 @@ },

README.md

@@ -27,3 +27,3 @@ # react-tabulator
 - Jest-puppeteer for testing
-- React Cell Editors: DateEditor, etc.
+- React Cell Editors: DateEditor, MultiSelectEditor, etc.
 - React Cell Formatters: MultiValueFormatter, etc.
@@ -30,0 +30,0 @@ - React Filters (TBD)

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1147394

increased by0.7%

Number of package files

62

increased by1.64%

Lines of code

13649

increased by1.77%

Worsened metrics

Dependency count

7

increased by40%

Dependency changes

• + Added@types/react-tag-autocomplete@^5.6.0

• + Addedreact-tag-autocomplete@^5.7.1

• + Added@types/react@19.0.2(transitive)

• + Added@types/react-tag-autocomplete@5.12.6(transitive)

• + Addedcsstype@3.1.3(transitive)

• + Addedreact-dom@16.14.0(transitive)

• + Addedreact-tag-autocomplete@5.13.1(transitive)

• + Addedscheduler@0.19.1(transitive)