@kaspernj/api-maker 1.0.263 → 1.0.265

package/package.json

@@ -16,7 +16,7 @@
     ]
   },
   "name": "@kaspernj/api-maker",
-  "version": "1.0.263",
+  "version": "1.0.265",
   "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/collection.mjs

@@ -148,7 +148,7 @@ export default class ApiMakerCollection {
     const response = await this._response()
     const models = digg(response, "collection")
 
-    this._addCollectionToModels(models)
+    this._addQueryToModels(models)
 
     const result = new Result({collection: this, models, response})
 
@@ -210,7 +210,7 @@ export default class ApiMakerCollection {
     const response = await this._response()
     const models = digg(response, "collection")
 
-    this._addCollectionToModels(models)
+    this._addQueryToModels(models)
 
     return models
   }
@@ -228,7 +228,7 @@ export default class ApiMakerCollection {
   }
 
   // This is needed when reloading a version of the model with the same selected attributes and preloads
-  _addCollectionToModels(models) {
+  _addQueryToModels(models) {
     for(const model of models) {
       model.collection = this
     }

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/model-recipes-model-loader.mjs

@@ -36,7 +36,7 @@ export default class ApiMakerModelRecipesModelLoader {
 
     this.addAttributeMethodsToModelClass(ModelClass, attributes)
     this.addRelationshipsToModelClass(ModelClass, modelClassData, relationships)
-    this.addCollectionCommandsToModelClass(ModelClass, collectionCommands)
+    this.addQueryCommandsToModelClass(ModelClass, collectionCommands)
     this.addMemberCommandsToModelClass(ModelClass, memberCommands)
 
     return ModelClass
@@ -61,7 +61,7 @@ export default class ApiMakerModelRecipesModelLoader {
     }
   }
 
-  addCollectionCommandsToModelClass (ModelClass, collectionCommands) {
+  addQueryCommandsToModelClass (ModelClass, collectionCommands) {
     for (const collectionCommandName in collectionCommands) {
       const methodName = inflection.camelize(collectionCommandName, true)
 

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,101 @@
+import Collection from "../collection.mjs"
+import EventConnection from "../event-connection"
+import {simpleObjectDifferent} from "set-state-compare/src/diff-utils"
+import {useEffect, useRef} from "react"
+
+const Checkbox = (props) => {
+  const {indeterminate, ...restProps} = props
+  const checkboxRef = useRef()
+
+  useEffect(() => {
+    checkboxRef.current.indeterminate = indeterminate
+  })
+
+  return (
+    <input ref={checkboxRef} type="checkbox" {...restProps} />
+  )
+}
+
+export default class ApiMakerTableWorkerPluginsCheckAllCheckbox extends BaseComponent {
+  static propTypes = PropTypesExact({
+    currentWorkplace: PropTypes.object,
+    query: PropTypes.instanceOf(Collection)
+  })
+
+  state = {
+    checked: false,
+    indeterminate: false
+  }
+
+  componentDidMount() {
+    this.updateAllChecked()
+  }
+
+  componentDidUpdate(prevProps) {
+    const previousParams = prevProps.query.params()
+    const currentParams = this.props.query.params()
+
+    if (simpleObjectDifferent(previousParams, currentParams)) {
+      this.updateAllChecked()
+    }
+  }
+
+  async updateAllChecked() {
+    const {query, currentWorkplace} = this.props
+    const queryLinksStatusResult = await currentWorkplace.queryLinksStatus({query})
+    const allChecked = queryLinksStatusResult.all_checked
+    const someChecked = queryLinksStatusResult.some_checked
+
+    this.setState({
+      checked: allChecked,
+      indeterminate: someChecked
+    })
+  }
+
+  render() {
+    const {className, currentWorkplace} = this.props
+    const {checked, indeterminate} = this.state
+
+    return (
+      <>
+        <EventConnection event="workplace_links_created" model={currentWorkplace} onCall={this.onLinksCreated} />
+        <EventConnection event="workplace_links_destroyed" model={currentWorkplace} onCall={this.onLinksDestroyed} />
+        <Checkbox
+          checked={checked}
+          className={classNames("api-maker--table--worker-plugins-check-all-checkbox", className)}
+          indeterminate={indeterminate}
+          onChange={this.onCheckedChanged}
+        />
+      </>
+    )
+  }
+
+  modelClassName = () => this.props.query.modelClass().modelClassData().name
+
+  onCheckedChanged = async (e) => {
+    e.preventDefault()
+
+    const {currentWorkplace, query} = this.props
+    const checkbox = e.target
+
+    if (checkbox.checked) {
+      await currentWorkplace.addQuery({query})
+      this.setState({checked: true, indeterminate: false})
+    } else {
+      await currentWorkplace.removeQuery({query})
+      this.setState({checked: false, indeterminate: false})
+    }
+  }
+
+  onLinksCreated = ({args}) => {
+    if (args.created[this.modelClassName()]) {
+      this.updateAllChecked()
+    }
+  }
+
+  onLinksDestroyed = ({args}) => {
+    if (args.destroyed[this.modelClassName()]) {
+      this.updateAllChecked()
+    }
+  }
+}