@kaspernj/api-maker 1.0.433 → 1.0.435

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaspernj/api-maker",
-  "version": "1.0.433",
+  "version": "1.0.435",
   "type": "module",
   "description": "",
   "main": "index.js",
@@ -37,7 +37,7 @@
     "qs": ">= 6.9.3",
     "react-native-vector-icons": "^10.2.0",
     "replaceall": ">= 0.1.6",
-    "set-state-compare": "^1.0.49",
+    "set-state-compare": ">= 1.0.51",
     "spark-md5": "^3.0.2",
     "stacktrace-parser": "^0.1.10",
     "strftime": ">= 0.10.0",

package/src/base-component.jsx

@@ -1,8 +1,5 @@
-import fetchingObject from "fetching-object"
 import {ShapeComponent} from "set-state-compare/src/shape-component"
 
 export default class BaseComponent extends ShapeComponent {
-  p = fetchingObject(() => this.props)
-  s = fetchingObject(() => this.shape || this.state)
-  tt = fetchingObject(this)
+  // Nothing yet.
 }

package/src/bootstrap/attribute-row/index.jsx

@@ -1,9 +1,10 @@
 import classNames from "classnames"
 import {digg} from "diggerize"
 import * as inflection from "inflection"
+import memo from "set-state-compare/src/memo"
 import MoneyFormatter from "../../money-formatter"
 import PropTypes from "prop-types"
-import {memo, useMemo} from "react"
+import {useMemo} from "react"
 import {shapeComponent, ShapeComponent} from "set-state-compare/src/shape-component.js"
 import strftime from "strftime"
 import useI18n from "i18n-on-steroids/src/use-i18n.mjs"

package/src/bootstrap/attribute-rows.jsx

@@ -1,6 +1,6 @@
 import AttributeRow from "./attribute-row"
 import BaseComponent from "../base-component"
-import {memo} from "react"
+import memo from "set-state-compare/src/memo"
 import PropTypes from "prop-types"
 import propTypesExact from "prop-types-exact"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"

package/src/bootstrap/card.jsx

@@ -1,8 +1,9 @@
 import BaseComponent from "../base-component"
 import classNames from "classnames"
 import {digg, digs} from "diggerize"
+import memo from "set-state-compare/src/memo"
 import PropTypes from "prop-types"
-import {memo, useRef} from "react"
+import {useRef} from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"
 
 export default memo(shapeComponent(class ApiMakerBootstrapCard extends BaseComponent {

package/src/bootstrap/input.jsx

@@ -4,7 +4,7 @@ import {Input} from "../inputs/input"
 import InvalidFeedback from "./invalid-feedback"
 import Money from "../inputs/money"
 import PropTypes from "prop-types"
-import {memo} from "react"
+import memo from "set-state-compare/src/memo"
 import {shapeComponent, ShapeComponent} from "set-state-compare/src/shape-component.js"
 
 const ApiMakerBootstrapInput = memo(shapeComponent(class ApiMakerBootstrapInput extends ShapeComponent {

package/src/bootstrap/paginate.jsx

@@ -3,8 +3,9 @@ import instanceOfClassName from "../instance-of-class-name"
 import Link from "../link"
 import PropTypes from "prop-types"
 import propTypesExact from "prop-types-exact"
+import memo from "set-state-compare/src/memo"
 import qs from "qs"
-import {memo, useMemo} from "react"
+import {useMemo} from "react"
 import Text from "../utils/text"
 import Result from "../result"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"

package/src/bootstrap/sort-link.jsx

@@ -1,11 +1,13 @@
 import BaseComponent from "../base-component"
 import * as inflection from "inflection"
+import FontAwesomeIcon from "react-native-vector-icons/FontAwesome"
 import PropTypes from "prop-types"
 import qs from "qs"
-import {memo} from "react"
+import memo from "set-state-compare/src/memo"
 import Text from "../utils/text"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"
 import urlEncode from "../url-encode.mjs"
+import useSorting from "../table/use-sorting.mjs"
 
 import Link from "../link"
 import useQueryParams from "on-location-changed/src/use-query-params"
@@ -22,18 +24,27 @@ export default memo(shapeComponent(class ApiMakerBootstrapSortLink extends BaseC
   }
 
   setup() {
+    const {attribute, defaultParams, query} = this.props
+    const {qParams, searchKey, sortAttribute, sortMode} = useSorting({defaultParams, query})
+
+    this.setInstance({
+      isSortedByAttribute: sortAttribute == attribute,
+      qParams,
+      searchKey,
+      sortMode
+    })
+
     this.queryParams = useQueryParams()
     this.searchKey = this.p.query.queryArgs.searchKey || "q"
+    this.attribute = inflection.underscore(this.p.attribute)
   }
 
-  attribute = () => inflection.underscore(this.p.attribute)
-
   href () {
-    const qParams = this.qParams()
-    const {queryParams, searchKey} = this.tt
+    const qParams = Object.assign({}, this.tt.qParams)
+    const {attribute, queryParams, searchKey, sortMode} = this.tt
     const newQueryParams = {...queryParams}
 
-    qParams.s = `${this.attribute()} ${this.sortMode()}` // eslint-disable-line id-length
+    qParams.s = `${attribute} ${sortMode == "asc" ? "desc" : "asc"}` // eslint-disable-line id-length
 
     newQueryParams[searchKey] = JSON.stringify(qParams)
 
@@ -43,58 +54,46 @@ export default memo(shapeComponent(class ApiMakerBootstrapSortLink extends BaseC
     return newPath
   }
 
-  isSortedByAttribute () {
-    const params = this.qParams()
-
-    if (params.s == this.attribute()) return true
-    if (params.s == `${this.attribute()} asc`) return true
-
-    return false
-  }
-
   render () {
+    const {isSortedByAttribute, sortMode} = this.tt
     const LinkComponent = this.linkComponent()
-    const {attribute, className, defaultParams, linkComponent, onChanged, query, textProps, title, ...restProps} = this.props
+    const {attribute, className, dataSet, defaultParams, linkComponent, onChanged, query, style, textProps, title, ...restProps} = this.props
+    const actualDataSet = Object.assign(
+      {
+        attribute,
+        class: className,
+        component: "api-maker/bootstrap/sort-link",
+        sortMode: this.tt.sortMode
+      },
+      dataSet
+    )
+    const actualStyle = Object.assign(
+      {display: "flex", flexDirection: "row", alignItems: "center"},
+      style
+    )
 
     return (
       <LinkComponent
-        dataSet={{
-          attribute,
-          class: className,
-          component: "api-maker--bootstrap--sort-link",
-          sortMode: this.sortMode()
-        }}
+        dataSet={actualDataSet}
+        style={actualStyle}
         to={this.href()}
         {...restProps}
       >
         <Text {...textProps}>
           {this.title()}
         </Text>
+        {isSortedByAttribute && sortMode == "asc" &&
+          <FontAwesomeIcon name="chevron-down" size={14} style={{marginLeft: 3}} />
+        }
+        {isSortedByAttribute && sortMode == "desc" &&
+          <FontAwesomeIcon name="chevron-up" size={14} style={{marginLeft: 3}} />
+        }
       </LinkComponent>
     )
   }
 
   linkComponent = () => this.props.linkComponent || Link
 
-  qParams() {
-    const {defaultParams} = this.props
-    const {queryParams, searchKey} = this.tt
-
-    if (searchKey in queryParams) {
-      return JSON.parse(queryParams[searchKey])
-    } else if (defaultParams) {
-      return {...defaultParams}
-    }
-
-    return {}
-  }
-
-  sortMode () {
-    if (this.isSortedByAttribute()) return "desc"
-
-    return "asc"
-  }
-
   title () {
     const {attribute, query} = this.p
     const {title} = this.props

package/src/collection-loader.jsx

@@ -1,6 +1,7 @@
 import Collection from "./collection.mjs"
 import {digg} from "diggerize"
-import {memo, useMemo} from "react"
+import memo from "set-state-compare/src/memo"
+import {useMemo} from "react"
 import PropTypes from "prop-types"
 import PropTypesExact from "prop-types-exact"
 import useCollection from "./use-collection"

package/src/event-created.jsx

@@ -1,4 +1,4 @@
-import {memo} from "react"
+import memo from "set-state-compare/src/memo"
 import useCreatedEvent from "./use-created-event.mjs"
 
 const ApiMakerEventCreated = memo((props) => {

package/src/event-destroyed.jsx

@@ -1,4 +1,4 @@
-import {memo} from "react"
+import memo from "set-state-compare/src/memo"
 import PropTypes from "prop-types"
 import propTypesExact from "prop-types-exact"
 import {shapeComponent, ShapeComponent} from "set-state-compare/src/shape-component.js"

package/src/event-emitter-listener.jsx

@@ -1,4 +1,4 @@
-import {memo} from "react"
+import memo from "set-state-compare/src/memo"
 import useEventEmitter from "./use-event-emitter.mjs"
 
 const ApiMakerEventEmitterListener = ({events, event, onCalled}) => {

package/src/event-listener.jsx

@@ -1,6 +1,6 @@
+import memo from "set-state-compare/src/memo"
 import PropTypes from "prop-types"
 import propTypesExact from "prop-types-exact"
-import {memo} from "react"
 import useEventListener from "./use-event-listener.mjs"
 
 const callEvent = (target, eventName, args = []) => {

package/src/event-updated.jsx

@@ -1,10 +1,11 @@
+import BaseComponent from "./base-component"
+import memo from "set-state-compare/src/memo"
 import PropTypes from "prop-types"
 import propTypesExact from "prop-types-exact"
-import {memo} from "react"
-import {shapeComponent, ShapeComponent} from "set-state-compare/src/shape-component.js"
+import {shapeComponent} from "set-state-compare/src/shape-component.js"
 import useUpdatedEvent from "./use-updated-event.mjs"
 
-export default memo(shapeComponent(class ApiMakerEventUpdated extends ShapeComponent {
+export default memo(shapeComponent(class ApiMakerEventUpdated extends BaseComponent {
   static propTypes = propTypesExact({
     active: PropTypes.bool,
     debounce: PropTypes.oneOfType([

package/src/form.jsx

@@ -1,6 +1,7 @@
-import {createContext, memo, useContext, useMemo} from "react"
+import {createContext, useContext, useMemo} from "react"
 import BaseComponent from "./base-component"
 import FormDataObjectizer from "form-data-objectizer"
+import memo from "set-state-compare/src/memo"
 import {Platform} from "react-native"
 import PropTypes from "prop-types"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"

package/src/inputs/attachment.jsx

@@ -1,7 +1,7 @@
 import BaseComponent from "../base-component"
 import {Input as ApiMakerInput} from "@kaspernj/api-maker/src/inputs/input"
 import {Checkbox} from "./checkbox"
-import {memo} from "react"
+import memo from "set-state-compare/src/memo"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"
 
 export default memo(shapeComponent(class ApiMakerInputsAttachment extends BaseComponent {

package/src/inputs/checkbox.jsx

@@ -4,7 +4,7 @@ import {digg, digs} from "diggerize"
 import EventUpdated from "../event-updated"
 import inputWrapper from "./input-wrapper"
 import PropTypes from "prop-types"
-import {memo} from "react"
+import memo from "set-state-compare/src/memo"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"
 import {useForm} from "../form"
 

package/src/inputs/checkboxes.jsx

@@ -6,7 +6,7 @@ import * as inflection from "inflection"
 import InvalidFeedback from "../bootstrap/invalid-feedback"
 import PropTypes from "prop-types"
 import propTypesExact from "prop-types-exact"
-import {memo} from "react"
+import memo from "set-state-compare/src/memo"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"
 
 const ApiMakerInputsCheckboxes = memo(shapeComponent(class ApiMakerInputsCheckboxes extends BaseComponent {

package/src/inputs/input.jsx

@@ -3,9 +3,10 @@ import BaseComponent from "../base-component"
 import {dig, digg, digs} from "diggerize"
 import EventUpdated from "../event-updated"
 import inputWrapper from "./input-wrapper"
+import memo from "set-state-compare/src/memo"
 import Money from "./money"
 import PropTypes from "prop-types"
-import {memo, useMemo, useRef} from "react"
+import {useMemo, useRef} from "react"
 import replaceall from "replaceall"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"
 import strftime from "strftime"

package/src/inputs/money.jsx

@@ -3,10 +3,11 @@ import Config from "../config.mjs"
 import {digg} from "diggerize"
 import idForComponent from "./id-for-component.mjs"
 import * as inflection from "inflection"
+import memo from "set-state-compare/src/memo"
 import MoneyFormatter from "../money-formatter"
 import PropTypes from "prop-types"
 import PropTypesExact from "prop-types-exact"
-import {memo, useRef} from "react"
+import {useRef} from "react"
 import {shapeComponent, ShapeComponent} from "set-state-compare/src/shape-component.js"
 
 export default memo(shapeComponent(class ApiMakerInputsMoney extends ShapeComponent {

package/src/inputs/select.jsx

@@ -1,7 +1,7 @@
 import BaseComponent from "../base-component"
 import inputWrapper from "./input-wrapper"
 import PropTypes from "prop-types"
-import {memo} from "react"
+import memo from "set-state-compare/src/memo"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"
 import {useForm} from "../form"
 

package/src/link.jsx

@@ -1,14 +1,19 @@
+import {Platform, Pressable} from "react-native"
 import BaseComponent from "./base-component"
 import dataSetToAttributes from "./data-set-to-attributes.mjs"
-import {memo} from "react"
-import {Platform, Pressable} from "react-native"
+import memo from "set-state-compare/src/memo"
+import PropTypes from "prop-types"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"
 
-export default memo(shapeComponent(class Link extends BaseComponent {
+export default memo(shapeComponent(class ApiMakerLink extends BaseComponent {
+  static propTypes = {
+    usePressable: PropTypes.bool
+  }
+
   render() {
-    const {dataSet, to, onClick, onPress, ...restProps} = this.props
+    const {dataSet, to, onClick, onPress, usePressable, ...restProps} = this.props
 
-    if (Platform.OS == "web") {
+    if (Platform.OS == "web" && !usePressable) {
       return (
         <a {...dataSetToAttributes(dataSet)} href={to} {...restProps} onClick={this.tt.onLinkClicked} />
       )
@@ -37,7 +42,7 @@ export default memo(shapeComponent(class Link extends BaseComponent {
     }
   }
 
-  onPress() {
+  onPress = () => {
     const {onClick, onPress} = this.props
 
     if (onClick) {
@@ -51,7 +56,7 @@ export default memo(shapeComponent(class Link extends BaseComponent {
     this.redirect()
   }
 
-  redirect() {
+  redirect = () => {
     const history = globalThis.apiMakerConfigGlobal?.history
 
     if (!history) throw new Error("History hasn't been set in the API maker configuration")

package/src/modal.jsx

@@ -1,5 +1,5 @@
 import BaseComponent from "./base-component"
-import {memo} from "react"
+import memo from "set-state-compare/src/memo"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"
 import {Modal, Pressable, View} from "react-native"
 

package/src/resize-observer.jsx

@@ -1,4 +1,4 @@
-import {memo} from "react"
+import memo from "set-state-compare/src/memo"
 import useResizeObserver from "./use-resize-observer.mjs"
 
 const ApiMakerResizeObserver = memo(({element, onResize}) => {

package/src/super-admin/edit-page/edit-attribute-checkbox.jsx

@@ -1,7 +1,8 @@
-import {memo, useMemo} from "react"
+import {useMemo} from "react"
 import {StyleSheet, View} from "react-native"
 import Checkbox from "../../utils/checkbox"
 import BaseComponent from "../../base-component"
+import memo from "set-state-compare/src/memo"
 import PropTypes from "prop-types"
 import propTypesExact from "prop-types-exact"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"

package/src/super-admin/edit-page/edit-attribute-content.jsx

@@ -1,5 +1,5 @@
 import BaseComponent from "../../base-component"
-import {memo} from "react"
+import memo from "set-state-compare/src/memo"
 import PropTypes from "prop-types"
 import propTypesExact from "prop-types-exact"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"

package/src/super-admin/edit-page/edit-attribute-input.jsx

@@ -1,6 +1,7 @@
-import {memo, useMemo} from "react"
+import {useMemo} from "react"
 import {TextInput, View} from "react-native"
 import BaseComponent from "../../base-component"
+import memo from "set-state-compare/src/memo"
 import PropTypes from "prop-types"
 import propTypesExact from "prop-types-exact"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"

package/src/super-admin/edit-page/edit-attribute.jsx

@@ -5,7 +5,7 @@ import EditAttributeContent from "./edit-attribute-content"
 import EditAttributeInput from "./edit-attribute-input"
 import * as inflection from "inflection"
 import Locales from "shared/locales"
-import {memo} from "react"
+import memo from "set-state-compare/src/memo"
 import PropTypes from "prop-types"
 import propTypesExact from "prop-types-exact"
 import {View} from "react-native"

package/src/super-admin/edit-page.jsx

@@ -6,7 +6,7 @@ import EditAttribute from "./edit-page/edit-attribute"
 import {Form} from "../form"
 import * as inflection from "inflection"
 import Locales from "shared/locales"
-import {memo} from "react"
+import memo from "set-state-compare/src/memo"
 import PropTypes from "prop-types"
 import propTypesExact from "prop-types-exact"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"

package/src/super-admin/index-page.jsx

@@ -1,5 +1,5 @@
 import BaseComponent from "../base-component"
-import {memo} from "react"
+import memo from "set-state-compare/src/memo"
 import ModelClassTable from "./model-class-table"
 import PropTypes from "prop-types"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"

package/src/super-admin/index.jsx

@@ -6,7 +6,8 @@ import hasEditConfig from "./has-edit-config.js"
 import IndexPage from "./index-page"
 import Layout from "./layout"
 import Link from "../link"
-import {memo, useMemo} from "react"
+import memo from "set-state-compare/src/memo"
+import {useMemo} from "react"
 import * as modelsModule from "@kaspernj/api-maker/src/models.mjs.erb"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"
 import ShowPage from "./show-page"

package/src/super-admin/layout/header/index.jsx

@@ -1,7 +1,8 @@
 import "./style"
 import BaseComponent from "../../../base-component"
 import FontAwesomeIcon from "react-native-vector-icons/FontAwesome"
-import {memo, useRef} from "react"
+import memo from "set-state-compare/src/memo"
+import {useRef} from "react"
 import PropTypes from "prop-types"
 import PropTypesExact from "prop-types-exact"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"

package/src/super-admin/layout/index.jsx

@@ -1,13 +1,13 @@
 import "./style"
 import BaseComponent from "../../base-component"
-import classNames from "classnames"
 import CommandsPool from "../../commands-pool"
 import config from "super-admin/config"
 import Header from "./header"
+import memo from "set-state-compare/src/memo"
 import Menu from "./menu"
 import PropTypes from "prop-types"
 import PropTypesExact from "prop-types-exact"
-import {memo, useMemo} from "react"
+import {useMemo} from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"
 import useCurrentUser from "../../use-current-user"
 import useI18n from "i18n-on-steroids/src/use-i18n.mjs"

package/src/super-admin/layout/menu/index.jsx

@@ -1,6 +1,6 @@
 import "./style"
 import BaseComponent from "../../../base-component"
-import {memo} from "react"
+import memo from "set-state-compare/src/memo"
 import Link from "../../../link"
 import MenuContent from "./menu-content"
 import MenuItem from "./menu-item"

package/src/super-admin/layout/menu/menu-content.jsx

@@ -1,6 +1,7 @@
 import BaseComponent from "../../../base-component"
 import {digg} from "diggerize"
-import {memo, useMemo} from "react"
+import memo from "set-state-compare/src/memo"
+import {useMemo} from "react"
 import MenuItem from "./menu-item"
 import models from "../../models"
 import Params from "../../../params"

package/src/super-admin/layout/menu/menu-item/index.jsx

@@ -2,7 +2,7 @@ import "./style"
 import BaseComponent from "../../../../base-component"
 import classNames from "classnames"
 import Link from "../../../../link"
-import {memo} from "react"
+import memo from "set-state-compare/src/memo"
 import PropTypes from "prop-types"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"
 import Text from "../../../../utils/text"

package/src/super-admin/layout/no-access.jsx

@@ -1,5 +1,5 @@
 import BaseComponent from "../../base-component"
-import {memo} from "react"
+import memo from "set-state-compare/src/memo"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"
 import useCurrentUser from "../../use-current-user"
 import useI18n from "i18n-on-steroids/src/use-i18n.mjs"

package/src/super-admin/model-class-table.jsx

@@ -3,9 +3,10 @@ import ConfigReader from "./config-reader.jsx"
 import {digg} from "diggerize"
 import hasEditConfig from "./has-edit-config.js"
 import * as inflection from "inflection"
+import memo from "set-state-compare/src/memo"
 import Params from "../params"
 import PropTypes from "prop-types"
-import {memo, useMemo} from "react"
+import {useMemo} from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"
 import Table from "../table/table"
 import useCurrentUser from "../use-current-user"

package/src/super-admin/show-nav.jsx

@@ -2,7 +2,7 @@ import BaseComponent from "../base-component"
 import Link from "../link"
 import PropTypes from "prop-types"
 import PropTypesExact from "prop-types-exact"
-import {memo} from "react"
+import memo from "set-state-compare/src/memo"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"
 import ShowReflectionLink from "./show-reflection-link"
 import Text from "../utils/text"

package/src/super-admin/show-page/belongs-to-attribute-row.jsx

@@ -2,7 +2,7 @@ import AttributeRow from "../../bootstrap/attribute-row"
 import BaseComponent from "../../base-component"
 import * as inflection from "inflection"
 import Link from "../../link"
-import {memo} from "react"
+import memo from "set-state-compare/src/memo"
 import Params from "../../params"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"
 import Text from "../../utils/text"

package/src/super-admin/show-page/index.jsx

@@ -3,9 +3,10 @@ import BaseComponent from "../../base-component"
 import BelongsToAttributeRow from "./belongs-to-attribute-row"
 import ConfigReader from "../config-reader.jsx"
 import {digg} from "diggerize"
+import memo from "set-state-compare/src/memo"
 import * as inflection from "inflection"
 import PropTypes from "prop-types"
-import {memo, useMemo} from "react"
+import {useMemo} from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"
 import ShowNav from "../show-nav"
 import useModel from "../../use-model"

package/src/super-admin/show-reflection-actions.jsx

@@ -1,6 +1,7 @@
 import BaseComponent from "../base-component"
 import {digg} from "diggerize"
-import {memo, useMemo} from "react"
+import memo from "set-state-compare/src/memo"
+import {useMemo} from "react"
 import PropTypes from "prop-types"
 import propTypesExact from "prop-types-exact"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"

package/src/super-admin/show-reflection-link.jsx

@@ -1,7 +1,7 @@
 import BaseComponent from "../base-component"
 import {digg} from "diggerize"
 import Link from "../link"
-import {memo} from "react"
+import memo from "set-state-compare/src/memo"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"
 import Text from "../utils/text"
 import {useMemo} from "react"

package/src/super-admin/show-reflection-page.jsx

@@ -2,7 +2,7 @@ import BaseComponent from "../base-component"
 import {digg} from "diggerize"
 import PropTypes from "prop-types"
 import propTypesExact from "prop-types-exact"
-import {memo} from "react"
+import memo from "set-state-compare/src/memo"
 import ModelClassTable from "./model-class-table"
 import {shapeComponent} from "set-state-compare/src/shape-component.js"
 import ShowNav from "./show-nav"

package/src/table/components/column.jsx

@@ -1,5 +1,5 @@
 import BaseComponent from "../../base-component"
-import {memo} from "react"
+import memo from "set-state-compare/src/memo"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import {View} from "react-native"