@kaspernj/api-maker 1.0.261 → 1.0.263

package/package.json

@@ -16,7 +16,7 @@
     ]
   },
   "name": "@kaspernj/api-maker",
-  "version": "1.0.261",
+  "version": "1.0.263",
   "type": "module",
   "description": "",
   "main": "index.js",

package/src/inputs/input-wrapper.jsx

@@ -20,16 +20,16 @@ const inputWrapper = (WrapperComponentClass, wrapperOptions = {}) => {
       this.setForm()
     }
 
-    render() {
-      const {errors, form} = digs(this.state, "errors", "form")
-      const type = this.inputType()
-      const inputProps = {
-        id: idForComponent(this),
-        name: nameForComponent(this),
-        ref: this.inputRef()
-      }
-
-      if (!inputProps.ref) throw new Error("No input ref?")
+    inputProps() {
+      const givenInputProps = this.props.inputProps || {}
+      const inputProps = Object.assign(
+        {
+          id: idForComponent(this),
+          name: nameForComponent(this),
+          ref: this.inputRef()
+        },
+        givenInputProps
+      )
 
       if (this.handleAsCheckbox()) {
         inputProps.defaultChecked = this.inputDefaultChecked()
@@ -37,6 +37,16 @@ const inputWrapper = (WrapperComponentClass, wrapperOptions = {}) => {
         inputProps.defaultValue = this.inputDefaultValue()
       }
 
+      return inputProps
+    }
+
+    render() {
+      const {inputProps: oldInputProps, ...restProps} = this.props
+      const {errors, form} = digs(this.state, "errors", "form")
+      const type = this.inputType()
+      const inputProps = this.inputProps()
+
+      if (!inputProps.ref) throw new Error("No input ref?")
       if (!this.handleAsSelect()) inputProps.type = type
 
       const wrapperOpts = {
@@ -53,7 +63,7 @@ const inputWrapper = (WrapperComponentClass, wrapperOptions = {}) => {
           <WrapperComponentClass
             inputProps={inputProps}
             wrapperOpts={wrapperOpts}
-            {...this.props}
+            {...restProps}
           />
         </>
       )

package/src/table/model-row.jsx

@@ -7,6 +7,8 @@ import Link from "../link"
 import MoneyFormatter from "../money-formatter"
 import PropTypes from "prop-types"
 
+const WorkerPluginsCheckbox = React.lazy(() => import("./worker-plugins-checkbox"))
+
 export default class ApiMakerBootStrapLiveTableModelRow extends React.PureComponent {
   static propTypes = {
     cacheKey: PropTypes.string.isRequired,
@@ -16,10 +18,10 @@ export default class ApiMakerBootStrapLiveTableModelRow extends React.PureCompon
   }
 
   render() {
-    const {cacheKey, model} = digs(this.props, "cacheKey", "model")
-    const {modelClass} = digs(this.props.liveTable.props, "modelClass")
+    const {model} = digs(this.props, "model")
+    const {modelClass, workplace} = digs(this.props.liveTable.props, "modelClass", "workplace")
     const {actionsContent, columnsContent, destroyEnabled, editModelPath, viewModelPath} = digg(this, "props", "liveTable", "props")
-    const {columns} = digg(this, "props", "liveTable", "shape")
+    const {columns, currentWorkplace} = digg(this, "props", "liveTable", "shape")
 
     this.modelCallbackArgs = this._modelCallbackArgs() // 'model' can change so this needs to be re-cached for every render
 
@@ -33,6 +35,11 @@ export default class ApiMakerBootStrapLiveTableModelRow extends React.PureCompon
 
     return (
       <RowComponent className={`live-table-row ${inflection.dasherize(modelClass.modelClassData().paramKey)}-row`} data-model-id={model.id()}>
+        {workplace &&
+          <ColumnComponent className="workplace-column">
+            <WorkerPluginsCheckbox currentWorkplace={currentWorkplace} model={model} />
+          </ColumnComponent>
+        }
         {columns && this.columnsContentFromColumns(model)}
         {!columns && columnsContent && columnsContent(this.modelCallbackArgs)}
         <ColumnComponent className="actions-column">

package/src/table/table.jsx

@@ -33,7 +33,8 @@ class ApiMakerTable extends React.PureComponent {
     noRecordsAvailableContent: undefined,
     noRecordsFoundContent: undefined,
     preloads: [],
-    select: {}
+    select: {},
+    workplace: false
   }
 
   static propTypes = {
@@ -69,7 +70,8 @@ class ApiMakerTable extends React.PureComponent {
     queryName: PropTypes.string,
     select: PropTypes.object,
     selectColumns: PropTypes.object,
-    viewModelPath: PropTypes.func
+    viewModelPath: PropTypes.func,
+    workplace: PropTypes.bool.isRequired
   }
 
   filterFormRef = React.createRef()
@@ -86,6 +88,7 @@ class ApiMakerTable extends React.PureComponent {
 
     this.shape = new Shape(this, {
       columns: columnsAsArray,
+      currentWorkplace: undefined,
       identifier: this.props.identifier || `${collectionKey}-default`,
       models: undefined,
       overallCount: undefined,
@@ -105,6 +108,16 @@ class ApiMakerTable extends React.PureComponent {
     })
 
     this.loadTableSetting()
+
+    if (this.props.workplace) this.loadCurrentWorkplace()
+  }
+
+  async loadCurrentWorkplace() {
+    const Workplace = modelClassRequire("Workplace")
+    const result = await Workplace.current()
+    const currentWorkplace = digg(result, "current", 0)
+
+    this.shape.set({currentWorkplace})
   }
 
   async loadTableSetting() {
@@ -270,6 +283,7 @@ class ApiMakerTable extends React.PureComponent {
       select,
       selectColumns,
       viewModelPath,
+      workplace,
       ...restProps
     } = this.props
     const {models, qParams, query, result} = digs(this.shape, "models", "qParams", "query", "result")
@@ -382,7 +396,7 @@ class ApiMakerTable extends React.PureComponent {
   }
 
   tableContent () {
-    const {breakPoint} = digs(this.props, "breakPoint")
+    const {breakPoint, workplace} = digs(this.props, "breakPoint", "workplace")
     const {models, preparedColumns} = digs(this.shape, "models", "preparedColumns")
     const ColumnInHeadComponent = this.columnInHeadComponent()
     const RowComponent = this.rowComponent()
@@ -401,6 +415,9 @@ class ApiMakerTable extends React.PureComponent {
       <>
         <HeadComponent>
           <RowComponent className="live-table-header-row">
+            {workplace &&
+              <ColumnInHeadComponent />
+            }
             {this.headersContentFromColumns()}
             <ColumnInHeadComponent />
           </RowComponent>

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

@@ -0,0 +1,96 @@
+import EventConnection from "../event-connection"
+import modelClassRequire from "../model-class-require.mjs"
+
+const Workplace = modelClassRequire("Workplace")
+
+export default class ApiMakerTableWorkerPluginsCheckbox extends BaseComponent {
+  static propTypes = PropTypesExact({
+    currentWorkplace: PropTypes.object,
+    model: PropTypes.object.isRequired
+  })
+
+  shape = new Shape(this, {
+    checked: false
+  })
+
+  componentDidMount() {
+    this.loadCurrentLink()
+  }
+
+  async loadCurrentLink() {
+    const {model} = this.props
+    const response = await Workplace.linkFor({model_class: model.modelClassData().name, model_id: model.id()})
+    const link = digg(response, "link")
+
+    this.shape.set({
+      checked: Boolean(link),
+      linkLoaded: true
+    })
+  }
+
+  render() {
+    const {className, currentWorkplace, model} = this.props
+    const {checked, linkLoaded} = this.shape
+
+    if (!linkLoaded) {
+      return null
+    }
+
+    return (
+      <>
+        {currentWorkplace &&
+          <>
+            <EventConnection event="workplace_links_created" model={currentWorkplace} onCall={this.onLinksCreated} />
+            <EventConnection event="workplace_links_destroyed" model={currentWorkplace} onCall={this.onLinksDestroyed} />
+          </>
+        }
+        <input
+          checked={checked}
+          className={classNames("api-maker--table--worker-plugins-checkbox", className)}
+          data-checked={checked}
+          data-model-id={model.id()}
+          onChange={this.onCheckedChanged}
+          type="checkbox"
+        />
+      </>
+    )
+  }
+
+  onCheckedChanged = (e) => {
+    e.preventDefault()
+
+    const {model} = this.props
+    const checked = e.target.checked
+
+    if (checked) {
+      Workplace.createLink({model_class: model.modelClassData().name, model_id: model.id()})
+    } else {
+      const modelClassName = model.modelClassData().name
+      const params = {models: {}}
+
+      params.models[modelClassName] = [model.id()]
+
+      Workplace.destroyLinks(params)
+    }
+  }
+
+  onLinksCreated = ({args}) => {
+    const {model} = digs(this.props, "model")
+    const id = model.id()
+    const modelClassName = model.modelClassData().name
+
+    if (args.created[modelClassName] && args.created[modelClassName].includes(id)) {
+      this.shape.set({checked: true})
+    }
+  }
+
+  onLinksDestroyed = ({args}) => {
+    const {model} = digs(this.props, "model")
+    const id = model.id()
+    const modelClassName = model.modelClassData().name
+
+    if (args.destroyed[modelClassName] && args.destroyed[modelClassName].includes(id)) {
+      this.shape.set({checked: false})
+    }
+  }
+}