@kaspernj/api-maker 1.0.437 → 1.0.439

package/package.json

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

package/src/table/header-column.jsx

@@ -1,15 +1,12 @@
 import BaseComponent from "../base-component"
 import classNames from "classnames"
-import {digs} from "diggerize"
 import Header from "./components/header"
 import HeaderColumnContent from "./header-column-content"
 import memo from "set-state-compare/src/memo"
-import {Platform, Pressable, View} from "react-native"
+import {Platform, Pressable} from "react-native"
 import PropTypes from "prop-types"
 import propTypesExact from "prop-types-exact"
 import {shapeComponent} from "set-state-compare/src/shape-component"
-import SortLink from "../bootstrap/sort-link"
-import Text from "../utils/text"
 import useBreakpoint from "../use-breakpoint"
 import useEventListener from "../use-event-listener.mjs"
 import Widths from "./widths"
@@ -40,13 +37,11 @@ export default memo(shapeComponent(class ApiMakerTableHeaderColumn extends BaseC
   }
 
   render() {
-    const {breakpoint, mdUp, smDown} = this.tt
+    const {mdUp} = this.tt
     const {column, resizing, table, tableSettingColumn, width} = this.p
-    const {defaultParams} = table.props
-    const {styleForHeader, styleForHeaderText} = table.tt
-    const {query} = digs(table.collection, "query")
-    const columnProps = table.columnProps(column)
-    const {style, ...restColumnProps} = columnProps
+    const {styleForHeader} = table.tt
+    const headerProps = table.headerProps(column)
+    const {style, ...restColumnProps} = headerProps
     const actualStyle = Object.assign(
       {
         cursor: resizing ? "col-resize" : undefined,

package/src/table/table.jsx

@@ -633,16 +633,21 @@ export default memo(shapeComponent(class ApiMakerTable extends BaseComponent {
   }
 
   styleForHeader = ({column, columnIndex, style, type}) => {
+    const {mdUp} = this.tt
     const defaultStyle = {
       flexDirection: "row",
       alignItems: "center",
       padding: 8
     }
 
-    if (type != "actions" && this.tt.mdUp && this.p.styleUI) {
+    if (type != "actions" && mdUp && this.p.styleUI) {
       defaultStyle.borderRight = "1px solid #dbdbdb"
     }
 
+    if (mdUp) {
+
+    }
+
     const actualStyle = Object.assign(
       defaultStyle,
       style
@@ -763,6 +768,22 @@ export default memo(shapeComponent(class ApiMakerTable extends BaseComponent {
     return props
   }
 
+  headerProps(column) {
+    const props = {}
+
+    if (column.textCenter) {
+      props.style ||= {}
+      props.style.justifyContent = "center"
+    }
+
+    if (column.textRight) {
+      props.style ||= {}
+      props.style.justifyContent = "end"
+    }
+
+    return props
+  }
+
   columnWidths() {
     const columnWidths = {}
 
@@ -786,7 +807,7 @@ export default memo(shapeComponent(class ApiMakerTable extends BaseComponent {
   )
 
   headerClassNameForColumn(column) {
-    const classNames = ["live-table-header"]
+    const classNames = []
 
     if (column.commonProps && column.commonProps.className) classNames.push(column.commonProps.className)
     if (column.headerProps && column.headerProps.className) classNames.push(column.headerProps.className)

package/src/table/use-sorting.mjs

@@ -15,7 +15,12 @@ const useSorting = ({defaultParams, query}) => {
   const queryParams = useQueryParams()
   const searchKey = query.queryArgs.searchKey || "q"
   const qParams = calculateQParams(defaultParams, queryParams, searchKey)
-  const matchSortParam = qParams.s?.match(/^(.+?)( asc| desc|)$/)
+  let matchSortParam
+
+  if (typeof qParams.s == "string") {
+    matchSortParam = qParams.s?.match(/^(.+?)( asc| desc|)$/)
+  }
+
   const sortAttribute = matchSortParam ? camelize(matchSortParam[1], true) : null
   const sortMode = matchSortParam ? matchSortParam[2].trim() : null