@kaspernj/api-maker 1.0.449 → 1.0.450

package/src/inputs/money.jsx

@@ -1,3 +1,5 @@
+import React, {useRef} from "react"
+import {shapeComponent, ShapeComponent} from "set-state-compare/src/shape-component"
 import classNames from "classnames"
 import Config from "../config"
 import {digg} from "diggerize"
@@ -7,8 +9,6 @@ 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 {useRef} from "react"
-import {shapeComponent, ShapeComponent} from "set-state-compare/src/shape-component"
 
 export default memo(shapeComponent(class ApiMakerInputsMoney extends ShapeComponent {
   static defaultProps = {

package/src/inputs/select.jsx

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

package/src/link.jsx

@@ -3,6 +3,7 @@ import BaseComponent from "./base-component"
 import dataSetToAttributes from "./data-set-to-attributes"
 import memo from "set-state-compare/src/memo"
 import PropTypes from "prop-types"
+import React from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 
 export default memo(shapeComponent(class ApiMakerLink extends BaseComponent {

package/src/modal.jsx

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

package/src/money-formatter.js

@@ -1,3 +1,4 @@
+import I18nOnSteroids from "i18n-on-steroids"
 import Money from "js-money"
 import formatNumber from "format-number"
 import replaceall from "replaceall"
@@ -12,9 +13,9 @@ export default class MoneyFormatter {
   }
 
   static stringToFloat (moneyString) {
-    let unformatted = replaceall(I18n.t("number.currency.format.delimiter"), "", moneyString)
+    let unformatted = replaceall(I18nOnSteroids.getCurrent().t("number.currency.format.delimiter"), "", moneyString)
 
-    unformatted = replaceall(I18n.t("number.currency.format.separator"), ".", unformatted)
+    unformatted = replaceall(I18nOnSteroids.getCurrent().t("number.currency.format.separator"), ".", unformatted)
     const float = parseFloat(unformatted)
 
     return float
@@ -74,8 +75,8 @@ export default class MoneyFormatter {
     const amount = (this.amount / 100).toFixed(this.decimalDigits())
     const formatOptions = {
       prefix: this.prefix(),
-      decimal: I18n.t("number.currency.format.separator"),
-      integerSeparator: I18n.t("number.currency.format.delimiter")
+      decimal: I18nOnSteroids.getCurrent().t("number.currency.format.separator"),
+      integerSeparator: I18nOnSteroids.getCurrent().t("number.currency.format.delimiter")
     }
 
     return formatNumber(formatOptions)(amount)

package/src/router/route.jsx

@@ -5,6 +5,7 @@ import PropTypes from "prop-types"
 import propTypesExact from "prop-types-exact"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import Switch, {CurrentSwitchContext} from "./switch"
+import useI18n from "i18n-on-steroids/src/use-i18n"
 
 const CurrentPathContext = createContext([])
 const ParamsContext = createContext({})
@@ -35,6 +36,7 @@ const Route = memo(shapeComponent(class Route extends BaseComponent {
   pathParts = null
 
   setup() {
+    const {t} = useI18n({namespace: "js.api_maker.router.route"})
     const {path} = this.props
     const {pathsMatched, switchGroup} = useContext(CurrentSwitchContext)
     const givenRoute = useContext(RouteContext)
@@ -42,6 +44,7 @@ const Route = memo(shapeComponent(class Route extends BaseComponent {
 
     this.debug = false
     this.log(() => ({givenRoute}))
+    this.t = t
 
     this.requireComponent = useContext(RequireComponentContext)
     this.currentParams = useContext(ParamsContext)
@@ -103,7 +106,7 @@ const Route = memo(shapeComponent(class Route extends BaseComponent {
   }
 
   loadMatches() {
-    const {newRouteParts} = this.tt
+    const {newRouteParts, t} = this.tt
     const {component, path} = this.props
     const {exact, includeInPath, fallback} = this.p
 
@@ -115,7 +118,7 @@ const Route = memo(shapeComponent(class Route extends BaseComponent {
 
     for (const pathPartIndex in this.pathParts) {
       const pathPart = this.pathParts[pathPartIndex]
-      const translatedPathPart = I18n.t(`routes.${pathPart}`, {defaultValue: pathPart})
+      const translatedPathPart = t(`routes.${pathPart}`, {defaultValue: pathPart})
 
       if (!(pathPartIndex in this.routeParts)) {
         this.log(() => `No match for: ${pathPartIndex}`)

package/src/router.jsx

@@ -4,20 +4,21 @@ import propTypesExact from "prop-types-exact"
 import React, {memo} from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import {Suspense} from "react"
+import usePath from "on-location-changed/src/use-path"
 import useRouter from "./use-router"
 
 export default memo(shapeComponent(class ApiMakerRouter extends BaseComponent {
   static propTypes = propTypesExact({
     history: PropTypes.object,
     notFoundComponent: PropTypes.elementType,
-    path: PropTypes.string,
     requireComponent: PropTypes.func.isRequired,
     routeDefinitions: PropTypes.object,
     routes: PropTypes.object
   })
 
   render() {
-    const {notFoundComponent, path, requireComponent, routeDefinitions, routes} = this.props
+    const path = usePath()
+    const {notFoundComponent, requireComponent, routeDefinitions, routes} = this.props
     const {match} = useRouter({path, routes, routeDefinitions})
     const {matchingRoute} = match
 

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

@@ -1,4 +1,4 @@
-import {useMemo} from "react"
+import React, {useMemo} from "react"
 import {TextInput, View} from "react-native"
 import BaseComponent from "../../base-component"
 import memo from "set-state-compare/src/memo"

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

@@ -8,6 +8,7 @@ import Locales from "shared/locales"
 import memo from "set-state-compare/src/memo"
 import PropTypes from "prop-types"
 import propTypesExact from "prop-types-exact"
+import React from "react"
 import {View} from "react-native"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 

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

@@ -3,12 +3,15 @@ import BaseComponent from "../base-component"
 import ConfigReader from "./config-reader"
 import {digg} from "diggerize"
 import EditAttribute from "./edit-page/edit-attribute"
+import FlashMessage from "../flash-message"
 import {Form} from "../form"
 import * as inflection from "inflection"
 import Locales from "shared/locales"
 import memo from "set-state-compare/src/memo"
+import Params from "../params"
 import PropTypes from "prop-types"
 import propTypesExact from "prop-types-exact"
+import React from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import Text from "../utils/text"
 import useCurrentUser from "../use-current-user"

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

@@ -2,6 +2,7 @@ import BaseComponent from "../base-component"
 import memo from "set-state-compare/src/memo"
 import ModelClassTable from "./model-class-table"
 import PropTypes from "prop-types"
+import React from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import {View} from "react-native"
 

package/src/super-admin/index.jsx

@@ -1,3 +1,4 @@
+import React, {useMemo} from "react"
 import {Pressable, View} from "react-native"
 import BaseComponent from "../base-component"
 import ConfigReader from "./config-reader"
@@ -7,8 +8,8 @@ import IndexPage from "./index-page"
 import Layout from "./layout/index"
 import Link from "../link"
 import memo from "set-state-compare/src/memo"
-import {useMemo} from "react"
 import modelsModule from "@kaspernj/api-maker/build/models"
+import Params from "../params"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import ShowPage from "./show-page/index"
 import ShowReflectionActions from "./show-reflection-actions"

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

@@ -5,6 +5,7 @@ import memo from "set-state-compare/src/memo"
 import {useRef} from "react"
 import PropTypes from "prop-types"
 import PropTypesExact from "prop-types-exact"
+import React from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import Text from "../../../utils/text"
 import {Pressable, View} from "react-native"

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

@@ -1,4 +1,5 @@
 // import "../../../src/super-admin/layout/style"
+import React, {useMemo} from "react"
 import BaseComponent from "../../base-component"
 import CommandsPool from "../../commands-pool"
 import config from "super-admin/config"
@@ -7,7 +8,6 @@ import memo from "set-state-compare/src/memo"
 import Menu from "./menu"
 import PropTypes from "prop-types"
 import PropTypesExact from "prop-types-exact"
-import {useMemo} from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import useCurrentUser from "../../use-current-user"
 import useI18n from "i18n-on-steroids/src/use-i18n"
@@ -21,9 +21,9 @@ export default memo(shapeComponent(class ApiMakerSuperAdminLayout extends BaseCo
     active: PropTypes.string,
     children: PropTypes.node,
     className: PropTypes.string,
-    currentCustomer: PropTypes.instanceOf(User),
+    currentCustomer: PropTypes.object,
     currentCustomerId: PropTypes.string,
-    currentUser: PropTypes.instanceOf(User),
+    currentUser: PropTypes.object,
     headTitle: PropTypes.string,
     headerTitle: PropTypes.string
   })
@@ -38,7 +38,7 @@ export default memo(shapeComponent(class ApiMakerSuperAdminLayout extends BaseCo
     useMemo(() => {
       CommandsPool.current().globalRequestData.layout = "admin"
       CommandsPool.current().globalRequestData.locale = locale
-    }, [I18n.locale])
+    }, [locale])
   }
 
   render() {

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

@@ -4,8 +4,10 @@ import memo from "set-state-compare/src/memo"
 import Link from "../../../link"
 import MenuContent from "./menu-content"
 import MenuItem from "./menu-item"
+import Params from "../../../params"
 import PropTypes from "prop-types"
 import PropTypesExact from "prop-types-exact"
+import React from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import Text from "../../../utils/text"
 import useCurrentUser from "../../../use-current-user"

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

@@ -1,7 +1,7 @@
+import React, {useMemo} from "react"
 import BaseComponent from "../../../base-component"
 import {digg} from "diggerize"
 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"
@@ -9,6 +9,7 @@ import PropTypes from "prop-types"
 import PropTypesExact from "prop-types-exact"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import useCanCan from "../../../use-can-can"
+import useI18n from "i18n-on-steroids/src/use-i18n"
 
 export default memo(shapeComponent(class ComponentsAdminLayoutMenuContent extends BaseComponent {
   static propTypes = PropTypesExact({
@@ -16,11 +17,12 @@ export default memo(shapeComponent(class ComponentsAdminLayoutMenuContent extend
   })
 
   render() {
+    const {locale} = useI18n({namespace: "js.api_maker.super_admin.layout.menu.menu_content"})
     const {active} = this.p
     const canCan = useCanCan(() => models.map((modelClass) => [modelClass, ["index"]]))
     const sortedModels = useMemo(
       () => models.sort((a, b) => a.modelName().human({count: 2}).toLowerCase().localeCompare(b.modelName().human({count: 2}).toLowerCase())),
-      [I18n.locale]
+      [locale]
     )
 
     return (

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

@@ -3,6 +3,7 @@ import classNames from "classnames"
 import Link from "../../../link"
 import memo from "set-state-compare/src/memo"
 import PropTypes from "prop-types"
+import React from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import Text from "../../../utils/text"
 

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

@@ -1,9 +1,11 @@
 import BaseComponent from "../../base-component"
 import memo from "set-state-compare/src/memo"
+import React from "react"
+import {View} from "react-native"
 import {shapeComponent} from "set-state-compare/src/shape-component"
+import Text from "../../utils/text"
 import useCurrentUser from "../../use-current-user"
 import useI18n from "i18n-on-steroids/src/use-i18n"
-import {View} from "react-native"
 
 export default memo(shapeComponent(class ComponentsAdminLayoutNoAccess extends BaseComponent {
   render() {
@@ -17,7 +19,7 @@ export default memo(shapeComponent(class ComponentsAdminLayoutNoAccess extends B
           userRoles: currentUser?.userRoles()?.loaded()?.map((userRole) => userRole.role()?.identifier()).join(", ")
         }}
       >
-        {t(".you_dont_have_no_access_to_this_page", {defaultValue: "You don't have access to this page."})}
+        <Text>{t(".you_dont_have_no_access_to_this_page", {defaultValue: "You don't have access to this page."})}</Text>
       </View>
     )
   }

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

@@ -6,7 +6,7 @@ import * as inflection from "inflection"
 import memo from "set-state-compare/src/memo"
 import Params from "../params"
 import PropTypes from "prop-types"
-import {useMemo} from "react"
+import React, {useMemo} from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import Table from "../table/table"
 import useCurrentUser from "../use-current-user"

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

@@ -3,6 +3,8 @@ import Link from "../link"
 import PropTypes from "prop-types"
 import PropTypesExact from "prop-types-exact"
 import memo from "set-state-compare/src/memo"
+import Params from "../params"
+import React from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import ShowReflectionLink from "./show-reflection-link"
 import Text from "../utils/text"

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

@@ -4,6 +4,7 @@ import * as inflection from "inflection"
 import Link from "../../link"
 import memo from "set-state-compare/src/memo"
 import Params from "../../params"
+import React from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import Text from "../../utils/text"
 

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

@@ -1,3 +1,4 @@
+import React, {useMemo} from "react"
 import AttributeRow from "../../bootstrap/attribute-row"
 import BaseComponent from "../../base-component"
 import BelongsToAttributeRow from "./belongs-to-attribute-row"
@@ -6,7 +7,6 @@ import {digg} from "diggerize"
 import memo from "set-state-compare/src/memo"
 import * as inflection from "inflection"
 import PropTypes from "prop-types"
-import {useMemo} from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import ShowNav from "../show-nav"
 import useModel from "../../use-model"

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

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

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

@@ -2,6 +2,8 @@ import BaseComponent from "../base-component"
 import {digg} from "diggerize"
 import Link from "../link"
 import memo from "set-state-compare/src/memo"
+import Params from "../params"
+import React from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import Text from "../utils/text"
 import {useMemo} from "react"

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

@@ -4,6 +4,7 @@ import PropTypes from "prop-types"
 import propTypesExact from "prop-types-exact"
 import memo from "set-state-compare/src/memo"
 import ModelClassTable from "./model-class-table"
+import React from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import ShowNav from "./show-nav"
 import useQueryParams from "on-location-changed/src/use-query-params"

package/src/table/column-content.jsx

@@ -2,13 +2,16 @@ import {digs} from "diggerize"
 import * as inflection from "inflection"
 import modelCallbackArgs from "./model-callback-args"
 import MoneyFormatter from "../money-formatter"
+import React from "react"
 import Text from "../utils/text"
 
 export default class ApiMakerTableColumnContent {
-  constructor({column, mode = "react-native", model, table}) {
+  constructor({column, l, mode = "react-native", model, t, table}) {
     this.column = column
+    this.l = l
     this.mode = mode
     this.model = model
+    this.t = t
     this.table = table
   }
 
@@ -79,9 +82,9 @@ export default class ApiMakerTableColumnContent {
       contentText = MoneyFormatter.format(value)
     } else if (typeof value == "boolean") {
       if (value) {
-        contentText = I18n.t("js.shared.yes", {defaultValue: "Yes"})
+        contentText = this.t("js.shared.yes", {defaultValue: "Yes"})
       } else {
-        contentText = I18n.t("js.shared.no", {defaultValue: "No"})
+        contentText = this.t("js.shared.no", {defaultValue: "No"})
       }
     } else if (Array.isArray(value)) {
       contentText = value
@@ -107,11 +110,11 @@ export default class ApiMakerTableColumnContent {
     if (!apiMakerType || apiMakerType == "time") {
       const dateTimeFormatName = this.table.props.defaultDateTimeFormatName || "time.formats.default"
 
-      return I18n.l(dateTimeFormatName, value)
+      return this.l(dateTimeFormatName, value)
     } else if (apiMakerType == "date") {
       const dateFormatName = this.table.props.defaultDateFormatName || "date.formats.default"
 
-      return I18n.l(dateFormatName, value)
+      return this.l(dateFormatName, value)
     } else {
       throw new Error(`Unhandled type: ${apiMakerType}`)
     }

package/src/table/components/column.jsx

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

package/src/table/components/flat-list.jsx

@@ -1,6 +1,7 @@
 import BaseComponent from "../../base-component"
 import {FlatList} from "react-native"
 import memo from "set-state-compare/src/memo"
+import React from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 
 export default memo(shapeComponent(class SharedTagble extends BaseComponent {

package/src/table/components/header.jsx

@@ -1,6 +1,7 @@
 import BaseComponent from "../../base-component"
 import classNames from "classnames"
 import memo from "set-state-compare/src/memo"
+import React from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import {Animated} from "react-native"
 

package/src/table/components/row.jsx

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

package/src/table/filters/attribute-element.jsx

@@ -4,6 +4,7 @@ import PropTypes from "prop-types"
 import PropTypesExact from "prop-types-exact"
 import memo from "set-state-compare/src/memo"
 import {Pressable} from "react-native"
+import React from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import Text from "../../utils/text"
 

package/src/table/filters/filter-form.jsx

@@ -1,3 +1,5 @@
+import {useMemo, useRef} from "react"
+import {ActivityIndicator, View} from "react-native"
 import AttributeElement from "./attribute-element"
 import BaseComponent from "../../base-component"
 import {digg, digs} from "diggerize"
@@ -5,16 +7,17 @@ import * as inflection from "inflection"
 import {Form} from "../../form"
 import Input from "../../inputs/input"
 import memo from "set-state-compare/src/memo"
+import Params from "../../params"
 import PropTypes from "prop-types"
 import PropTypesExact from "prop-types-exact"
-import {useMemo, useRef} from "react"
-import {ActivityIndicator, View} from "react-native"
+import React from "react"
 import ReflectionElement from "./reflection-element"
 import ScopeElement from "./scope-element"
 import Select from "../../inputs/select"
 import Services from "../../services"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import Text from "../../utils/text"
+import useI18n from "i18n-on-steroids/src/use-i18n"
 
 export default memo(shapeComponent(class ApiMakerTableFiltersFilterForm extends BaseComponent {
   static propTypes = PropTypesExact({
@@ -25,6 +28,8 @@ export default memo(shapeComponent(class ApiMakerTableFiltersFilterForm extends
   })
 
   setup() {
+    const {t} = useI18n({namespace: "js.api_maker.table.filters.filter_form"})
+
     this.useStates({
       associations: null,
       attribute: undefined,
@@ -40,7 +45,10 @@ export default memo(shapeComponent(class ApiMakerTableFiltersFilterForm extends
       value: this.props.filter.v
     })
 
-    this.setInstance({valueInputRef: useRef()})
+    this.setInstance({
+      t,
+      valueInputRef: useRef(),
+    })
 
     useMemo(() => {
       this.loadRansackPredicates()
@@ -155,7 +163,7 @@ export default memo(shapeComponent(class ApiMakerTableFiltersFilterForm extends
   }
 
   render() {
-    const {valueInputRef} = digs(this, "valueInputRef")
+    const {t, valueInputRef} = this.tt
     const {attribute, path, predicate, predicates, scope, value} = this.s
     let submitEnabled = false
 
@@ -231,7 +239,7 @@ export default memo(shapeComponent(class ApiMakerTableFiltersFilterForm extends
           </View>
           <View>
             <button className="apply-filter-button" disabled={!submitEnabled}>
-              {I18n.t("js.api_maker.table.filters.relationship_select.apply", {defaultValue: "Apply"})}
+              {t(".apply", {defaultValue: "Apply"})}
             </button>
           </View>
         </Form>

package/src/table/filters/filter.jsx

@@ -4,6 +4,7 @@ import FontAwesomeIcon from "react-native-vector-icons/FontAwesome"
 import PropTypes from "prop-types"
 import PropTypesExact from "prop-types-exact"
 import memo from "set-state-compare/src/memo"
+import React from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import Text from "../../utils/text"
 

package/src/table/filters/index.jsx

@@ -4,10 +4,12 @@ import Filter from "./filter"
 import FilterForm from "./filter-form"
 import LoadSearchModal from "./load-search-modal"
 import SaveSearchModal from "./save-search-modal"
+import Params from "../../params"
 import PropTypes from "prop-types"
+import models from "../../models"
 import memo from "set-state-compare/src/memo"
 import {shapeComponent} from "set-state-compare/src/shape-component"
-import models from "../../models"
+import React from "react"
 import useI18n from "i18n-on-steroids/src/use-i18n"
 import useQueryParams from "on-location-changed/src/use-query-params"
 import {View} from "react-native"

package/src/table/filters/load-search-modal.jsx

@@ -1,12 +1,13 @@
+import React, {useMemo} from "react"
+import {Pressable, View} from "react-native"
 import apiMakerConfig from "@kaspernj/api-maker/build/config"
 import BaseComponent from "../../base-component"
 import classNames from "classnames"
 import {digg} from "diggerize"
 import memo from "set-state-compare/src/memo"
-import {useMemo} from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import models from "../../models"
-import {Pressable, View} from "react-native"
+import Params from "../../params"
 import Text from "../../utils/text"
 import useI18n from "i18n-on-steroids/src/use-i18n"
 

package/src/table/filters/reflection-element.jsx

@@ -3,6 +3,7 @@ import PropTypes from "prop-types"
 import PropTypesExact from "prop-types-exact"
 import memo from "set-state-compare/src/memo"
 import {Pressable} from "react-native"
+import React from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import Text from "../../utils/text"
 

package/src/table/filters/save-search-modal.jsx

@@ -2,9 +2,11 @@ import apiMakerConfig from "@kaspernj/api-maker/build/config"
 import BaseComponent from "../../base-component"
 import Checkbox from "../../bootstrap/checkbox"
 import {digg} from "diggerize"
+import FlashMessage from "../../flash-message"
 import {Form} from "../../form"
 import Input from "../../bootstrap/input"
 import modelClassRequire from "../../model-class-require"
+import React from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import memo from "set-state-compare/src/memo"
 import useI18n from "i18n-on-steroids/src/use-i18n"

package/src/table/filters/scope-element.jsx

@@ -2,6 +2,7 @@ import BaseComponent from "../../base-component"
 import PropTypes from "prop-types"
 import memo from "set-state-compare/src/memo"
 import {Pressable} from "react-native"
+import React from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import Text from "../../utils/text"
 

package/src/table/header-column-content.jsx

@@ -4,6 +4,7 @@ import memo from "set-state-compare/src/memo"
 import {View} from "react-native"
 import PropTypes from "prop-types"
 import propTypesExact from "prop-types-exact"
+import React from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import SortLink from "../bootstrap/sort-link"
 import Text from "../utils/text"

package/src/table/header-column.jsx

@@ -1,4 +1,4 @@
-import {useMemo} from "react"
+import React, {useMemo} from "react"
 import BaseComponent from "../base-component"
 import classNames from "classnames"
 import FontAwesomeIcon from "react-native-vector-icons/FontAwesome"

package/src/table/header-select.jsx

@@ -6,6 +6,7 @@ import memo from "set-state-compare/src/memo"
 import Modal from "../utils/modal"
 import PropTypes from "prop-types"
 import propTypesExact from "prop-types-exact"
+import React from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import Text from "../utils/text"
 import useI18n from "i18n-on-steroids/src/use-i18n"