@kaspernj/api-maker 1.0.410 → 1.0.412

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaspernj/api-maker",
-  "version": "1.0.410",
+  "version": "1.0.412",
   "type": "module",
   "description": "",
   "main": "index.js",

package/src/inputs/input.jsx

@@ -216,14 +216,19 @@ const ApiMakerInputsInput = memo(shapeComponent(class ApiMakerInputsInput extend
 
   onInputChanged = (e) => {
     const {form} = this.tt
-    const {attribute, autoSubmit, inputProps, model, name, onChange} = this.props
+    const {attribute, autoSubmit, inputProps, model, onChange} = this.props
     const {localizedNumber} = digs(this.props, "localizedNumber")
+    const {name} = inputProps
 
     if (localizedNumber) this.inputReference().current.value = this.actualValue(digg(e, "target"))
 
     if (attribute && autoSubmit && model) this.delayAutoSubmit()
     if (digg(inputProps, "type") == "file") this.setState({blankInputName: this.getBlankInputName()})
-    if (form && name) form.setValue(name, e.target.value)
+
+    if (form && name) {
+      form.setValue(name, e.target.value)
+    }
+
     if (onChange) onChange(e)
   }
 

package/src/table/model-row.jsx

@@ -64,7 +64,7 @@ export default memo(shapeComponent(class ApiMakerBootStrapLiveTableModelRow exte
           </Column>
         }
         {columns && this.columnsContentFromColumns(model, even)}
-        <Column dataSet={{class: "actions-column"}} style={styleForColumn({even, style: {flexDirection: "row"}, type: "actions"})}>
+        <Column dataSet={{class: "actions-column"}} style={styleForColumn({even, style: {}, type: "actions"})}>
           {actionsContent && actionsContent(this.modelCallbackArgs)}
           {viewPath &&
             <Link dataSet={{class: "view-button"}} to={viewPath}>
@@ -96,7 +96,7 @@ export default memo(shapeComponent(class ApiMakerBootStrapLiveTableModelRow exte
   }
 
   columnsContentFromColumns(model, even) {
-    const {isSmallScreen, preparedColumns} = this.p
+    const {isSmallScreen, liveTable, preparedColumns} = this.p
 
     return preparedColumns?.map(({column, tableSettingColumn, width}, columnIndex) => columnVisible(column, tableSettingColumn) &&
       <Column
@@ -105,13 +105,13 @@ export default memo(shapeComponent(class ApiMakerBootStrapLiveTableModelRow exte
           identifier: columnIdentifier(column)
         }}
         key={columnIdentifier(column)}
-        style={this.p.liveTable.styleForColumn({column, columnIndex, even, style: {width: `${width}%`}})}
-        {...this.props.liveTable.columnProps(column)}
+        style={liveTable.styleForColumn({column, columnIndex, even, style: {width: `${width}%`}})}
+        {...liveTable.columnProps(column)}
       >
         {isSmallScreen &&
           <View dataSet={{class: "table--column-label"}}>
             <Text>
-              {this.props.liveTable.headerLabelForColumn(column)}
+              {liveTable.headerLabelForColumn(column)}
             </Text>
           </View>
         }
@@ -152,7 +152,7 @@ export default memo(shapeComponent(class ApiMakerBootStrapLiveTableModelRow exte
     const attribute = currentModel.constructor.attributes().find((attribute) => attribute.name() == attributeNameUnderscore)
     const modelColumn = attribute?.getColumn()
 
-    if (modelColumn?.getType() == "date") {
+    if (modelColumn?.getType() == "date" && value) {
       return (
         <Text>{this.presentDateTime({apiMakerType: "date", value})}</Text>
       )

package/src/table/table.jsx

@@ -495,7 +495,11 @@ export default memo(shapeComponent(class ApiMakerTable extends BaseComponent {
       backgroundColor: even ? "#f5f5f5" : undefined
     }
 
-    if (type != "actions") {
+    if (type == "actions") {
+      defaultStyle.flexDirection = "row"
+      defaultStyle.alignItems = "center"
+      defaultStyle.marginLeft = "auto"
+    } else {
       defaultStyle.borderRight = "1px solid #dbdbdb"
     }