@kaspernj/api-maker 1.0.263 → 1.0.264

package/package.json

@@ -16,7 +16,7 @@
     ]
   },
   "name": "@kaspernj/api-maker",
-  "version": "1.0.263",
+  "version": "1.0.264",
   "type": "module",
   "description": "",
   "main": "index.js",
@@ -75,6 +75,6 @@
     "eslint-plugin-react": "^7.23.2",
     "i18n-on-steroids": "^1.0.5",
     "jest": "^29.0.1",
-    "jsdom": "^21.0.0"
+    "jsdom": "^22.0.0"
   }
 }

package/src/error-logger.mjs

@@ -3,7 +3,7 @@ import SourceMapsLoader from "./source-maps-loader.mjs"
 
 export default class ErrorLogger {
   constructor () {
-    this.debugging = true
+    this.debugging = false
     this.errorOccurred = false
     this.errors = []
     this.isHandlingError = false
@@ -18,7 +18,12 @@ export default class ErrorLogger {
     })
   }
 
+  debug(...output) {
+    if (this.debugging) console.error(`ApiMaker ErrorLogger:`, ...output)
+  }
+
   enable () {
+    this.debug("Enable called")
     this.connectOnError()
     this.connectUnhandledRejection()
   }
@@ -40,7 +45,8 @@ export default class ErrorLogger {
   }
 
   connectOnError () {
-    globalThis.addEventListener("error", (event) => {
+    window.addEventListener("error", (event) => {
+      if (this.debugging) this.debug(`Error:`, event.message)
       this.errorOccurred = true
 
       if (!this.isHandlingError) {
@@ -53,7 +59,8 @@ export default class ErrorLogger {
   }
 
   connectUnhandledRejection () {
-    globalThis.addEventListener("unhandledrejection", (event) => {
+    window.addEventListener("unhandledrejection", (event) => {
+      if (this.debugging) this.debug(`Unhandled rejection:`, event.reason.message)
       this.errorOccurred = true
 
       if (!this.isHandlingError) {

package/src/table/style.scss

@@ -1,6 +1,6 @@
 @import "./variables";
 
-.component-api-maker-live-table {
+.api-maker--table {
   .live-table-header {
     text-align: left;
   }

package/src/table/table.jsx

@@ -23,6 +23,7 @@ import uniqunize from "uniqunize"
 import withBreakpoint from "./with-breakpoint"
 
 const paginationOptions = [30, 60, 90, ["All", "all"]]
+const WorkerPluginsCheckAllCheckbox = React.lazy(() => import("./worker-plugins-check-all-checkbox"))
 
 class ApiMakerTable extends React.PureComponent {
   static defaultProps = {
@@ -397,7 +398,7 @@ class ApiMakerTable extends React.PureComponent {
 
   tableContent () {
     const {breakPoint, workplace} = digs(this.props, "breakPoint", "workplace")
-    const {models, preparedColumns} = digs(this.shape, "models", "preparedColumns")
+    const {currentWorkplace, models, preparedColumns, query} = digs(this.shape, "currentWorkplace", "models", "preparedColumns", "query")
     const ColumnInHeadComponent = this.columnInHeadComponent()
     const RowComponent = this.rowComponent()
 
@@ -415,8 +416,10 @@ class ApiMakerTable extends React.PureComponent {
       <>
         <HeadComponent>
           <RowComponent className="live-table-header-row">
-            {workplace &&
-              <ColumnInHeadComponent />
+            {workplace && currentWorkplace &&
+              <ColumnInHeadComponent>
+                <WorkerPluginsCheckAllCheckbox currentWorkplace={currentWorkplace} query={query} />
+              </ColumnInHeadComponent>
             }
             {this.headersContentFromColumns()}
             <ColumnInHeadComponent />
@@ -469,7 +472,7 @@ class ApiMakerTable extends React.PureComponent {
   }
 
   className() {
-    const classNames = ["component-api-maker-live-table"]
+    const classNames = ["api-maker--table"]
 
     if (this.props.className)
       classNames.push(this.props.className)

package/src/table/worker-plugins-check-all-checkbox.jsx

@@ -0,0 +1,29 @@
+import Collection from "../collection.mjs"
+
+export default class ApiMakerTableWorkerPluginsCheckAllCheckbox extends BaseComponent {
+  static propTypes = PropTypesExact({
+    currentWorkplace: PropTypes.object,
+    query: PropTypes.instanceOf(Collection)
+  })
+
+  render() {
+    const {className} = this.props
+
+    return (
+      <input
+        className={classNames("api-maker--table--worker-plugins-check-all-checkbox", className)}
+        onChange={this.onCheckedChanged}
+        type="checkbox"
+      />
+    )
+  }
+
+  onCheckedChanged = async (e) => {
+    e.preventDefault()
+
+    const {currentWorkplace, query} = this.props
+
+    await currentWorkplace.addCollection({query})
+    e.target.checked = true
+  }
+}