@kaspernj/api-maker 1.0.446 → 1.0.448

package/src/inputs/checkboxes.jsx

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

package/src/inputs/input-wrapper.jsx

@@ -1,4 +1,4 @@
-import useInput from "../use-input.mjs"
+import useInput from "../use-input"
 
 const inputWrapper = (WrapperComponentClass, wrapperOptions = {}) => (props) => {
   const {inputProps, restProps, wrapperOpts} = useInput({props, wrapperOptions})

package/src/inputs/input.jsx

@@ -1,21 +1,22 @@
-import AutoSubmit from "./auto-submit.mjs"
+import AutoSubmit from "./auto-submit"
 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 {useMemo, useRef} from "react"
 import replaceall from "replaceall"
-import {shapeComponent} from "set-state-compare/src/shape-component.js"
+import {shapeComponent} from "set-state-compare/src/shape-component"
 import strftime from "strftime"
 import {useForm} from "../form"
+import useUpdatedEvent from "../use-updated-event"
 
 const ApiMakerInputsInput = memo(shapeComponent(class ApiMakerInputsInput extends BaseComponent {
   static defaultProps = {
     autoRefresh: false,
     autoSubmit: false,
+    model: null,
     localizedNumber: false
   }
 
@@ -35,7 +36,7 @@ const ApiMakerInputsInput = memo(shapeComponent(class ApiMakerInputsInput extend
   }
 
   setup() {
-    const {inputProps} = this.p
+    const {autoRefresh, inputProps, model} = this.p
     const {defaultValue, name} = inputProps
 
     this.form = useForm()
@@ -44,11 +45,14 @@ const ApiMakerInputsInput = memo(shapeComponent(class ApiMakerInputsInput extend
     this.useStates({
       blankInputName: digg(inputProps, "type") == "file"
     })
+
     useMemo(() => {
       if (name) {
         this.tt.form?.setValue(name, defaultValue)
       }
     }, [])
+
+    useUpdatedEvent(model, this.tt.onModelUpdated, {active: Boolean(autoRefresh && model)})
   }
 
   render () {
@@ -81,9 +85,6 @@ const ApiMakerInputsInput = memo(shapeComponent(class ApiMakerInputsInput extend
 
     return (
       <>
-        {autoRefresh && model &&
-          <EventUpdated model={model} onUpdated={this.onModelUpdated} />
-        }
         {localizedNumber &&
           <input
             defaultValue={defaultValue}

package/src/inputs/money.jsx

@@ -1,14 +1,14 @@
 import classNames from "classnames"
-import Config from "../config.mjs"
+import Config from "../config"
 import {digg} from "diggerize"
-import idForComponent from "./id-for-component.mjs"
+import idForComponent from "./id-for-component"
 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 {useRef} from "react"
-import {shapeComponent, ShapeComponent} from "set-state-compare/src/shape-component.js"
+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

@@ -2,7 +2,7 @@ import BaseComponent from "../base-component"
 import inputWrapper from "./input-wrapper"
 import PropTypes from "prop-types"
 import memo from "set-state-compare/src/memo"
-import {shapeComponent} from "set-state-compare/src/shape-component.js"
+import {shapeComponent} from "set-state-compare/src/shape-component"
 import {useForm} from "../form"
 
 const ApiMakerInputsSelect = memo(shapeComponent(class ApiMakerInputsSelect extends BaseComponent {

package/src/{key-value-store.mjs → key-value-store.js}

@@ -1,4 +1,4 @@
-import Params from "./params.mjs"
+import Params from "./params"
 
 const shared = {}
 

package/src/link.jsx

@@ -1,9 +1,9 @@
 import {Platform, Pressable} from "react-native"
 import BaseComponent from "./base-component"
-import dataSetToAttributes from "./data-set-to-attributes.mjs"
+import dataSetToAttributes from "./data-set-to-attributes"
 import memo from "set-state-compare/src/memo"
 import PropTypes from "prop-types"
-import {shapeComponent} from "set-state-compare/src/shape-component.js"
+import {shapeComponent} from "set-state-compare/src/shape-component"
 
 export default memo(shapeComponent(class ApiMakerLink extends BaseComponent {
   static propTypes = {

package/src/modal.jsx

@@ -1,6 +1,6 @@
 import BaseComponent from "./base-component"
 import memo from "set-state-compare/src/memo"
-import {shapeComponent} from "set-state-compare/src/shape-component.js"
+import {shapeComponent} from "set-state-compare/src/shape-component"
 import {Modal, Pressable, View} from "react-native"
 
 export default memo(shapeComponent(class ApiMakerModal extends BaseComponent {

package/src/{model-class-require.mjs → model-class-require.js}

@@ -1,7 +1,7 @@
 import * as inflection from "inflection"
-import * as models from "./models.mjs.erb"
+import models from "./models"
 
-export default (modelName) => {
+const modelClassRequire = (modelName) => {
   const requireName = inflection.camelize(modelName)
   const ModelClass = models[requireName]
 
@@ -13,3 +13,5 @@ export default (modelName) => {
 
   return ModelClass
 }
+
+export default modelClassRequire

package/src/{model-events.mjs → model-events.js}

@@ -1,4 +1,4 @@
-import CableConnectionPool from "./cable-connection-pool.mjs"
+import CableConnectionPool from "./cable-connection-pool"
 import {digg} from "diggerize"
 
 export default class ModelEvents {

package/src/{model-name.mjs → model-name.js}

@@ -1,4 +1,4 @@
-import Config from "./config.mjs"
+import Config from "./config"
 import * as inflection from "inflection"
 
 export default class ModelName {

package/src/{model-recipes-loader.mjs → model-recipes-loader.js}

@@ -1,5 +1,5 @@
 import {digg, digs} from "diggerize"
-import ModelRecipesModelLoader from "./model-recipes-model-loader.mjs"
+import ModelRecipesModelLoader from "./model-recipes-model-loader"
 
 export default class ModelRecipesLoader {
   constructor ({recipes}) {

package/src/{model-recipes-model-loader.mjs → model-recipes-model-loader.js}

@@ -1,5 +1,5 @@
-import BaseModel from "./base-model.mjs"
-import Collection from "./collection.mjs"
+import BaseModel from "./base-model"
+import Collection from "./collection"
 import {digg, digs} from "diggerize"
 import * as inflection from "inflection"
 

package/src/{models-response-reader.mjs → models-response-reader.js}

@@ -1,6 +1,6 @@
 import * as inflection from "inflection"
-import modelClassRequire from "./model-class-require.mjs"
-import Preloaded from "./preloaded.mjs"
+import modelClassRequire from "./model-class-require"
+import Preloaded from "./preloaded"
 
 export default class ModelsResponseReader {
   static first (response) {

package/src/models.js

@@ -0,0 +1,7 @@
+import modelRecipes from "model-recipes.json"
+import ModelRecipesLoader from "./model-recipes-loader"
+
+const loader = new ModelRecipesLoader({recipes: modelRecipes})
+const result = loader.load()
+
+export default result

package/src/{models.mjs.erb → models.js.erb}

@@ -1,7 +1,7 @@
 /* rails-erb-loader-dependencies api_maker/resources/ models/ */
 
 import {digg} from "diggerize"
-import ModelRecipesLoader from "./model-recipes-loader.mjs"
+import ModelRecipesLoader from "./model-recipes-loader"
 
 const modelRecipes = <%= ApiMaker::ModelClassesJavaScriptGeneratorService.execute!.to_json %>
 const loader = new ModelRecipesLoader({recipes: modelRecipes})

package/src/{params.mjs → params.js}

@@ -1,8 +1,8 @@
-import config from "./config.mjs"
+import config from "./config"
 import formSerialize from "form-serialize"
 import Incorporator from "incorporator"
 import qs from "qs"
-import urlEncode from "./url-encode.mjs"
+import urlEncode from "./url-encode"
 
 export default class Params {
   static parse() {

package/src/{preloaded.mjs → preloaded.js}

@@ -1,5 +1,5 @@
 import * as inflection from "inflection"
-import modelClassRequire from "./model-class-require.mjs"
+import modelClassRequire from "./model-class-require"
 
 export default class ApiMakerPreloaded {
   constructor (response) {

package/src/resize-observer.jsx

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

package/src/router/route.jsx

@@ -3,7 +3,7 @@ import {createContext, useContext, useMemo} 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"
+import {shapeComponent} from "set-state-compare/src/shape-component"
 import Switch, {CurrentSwitchContext} from "./switch"
 
 const CurrentPathContext = createContext([])

package/src/router/switch.jsx

@@ -3,7 +3,7 @@ import {createContext} 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"
+import {shapeComponent} from "set-state-compare/src/shape-component"
 
 const CurrentSwitchContext = createContext([])
 

package/src/router.jsx

@@ -2,7 +2,7 @@ import BaseComponent from "./base-component"
 import PropTypes from "prop-types"
 import propTypesExact from "prop-types-exact"
 import React, {memo} from "react"
-import {shapeComponent} from "set-state-compare/src/shape-component.js"
+import {shapeComponent} from "set-state-compare/src/shape-component"
 import {Suspense} from "react"
 import useRouter from "./use-router"
 

package/src/{routes-native.mjs → routes-native.js}

@@ -1,7 +1,7 @@
 import {dig, digg, digs} from "diggerize"
 import * as inflection from "inflection"
 import qs from "qs"
-import urlEncode from "./url-encode.mjs"
+import urlEncode from "./url-encode"
 
 export default class ApiMakerRoutesNative {
   constructor ({getLocale}) {

package/src/{services.mjs → services.js}

@@ -1,4 +1,4 @@
-import CommandsPool from "./commands-pool.mjs"
+import CommandsPool from "./commands-pool"
 
 const shared = {}
 

package/src/{session-status-updater.mjs → session-status-updater.js}

@@ -1,7 +1,7 @@
-import config from "./config.mjs"
-import Devise from "./devise.mjs"
+import config from "./config"
+import Devise from "./devise"
 import * as inflection from "inflection"
-import Logger from "./logger.mjs"
+import Logger from "./logger"
 import wakeEvent from "wake-event"
 
 const logger = new Logger({name: "ApiMaker / SessionStatusUpdater"})

package/src/{source-maps-loader.mjs → source-maps-loader.js}

@@ -1,5 +1,5 @@
 import * as stackTraceParser from "stacktrace-parser"
-import Logger from "./logger.mjs"
+import Logger from "./logger"
 import {SourceMapConsumer} from "source-map"
 import uniqunize from "uniqunize"
 

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

@@ -5,7 +5,7 @@ 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"
+import {shapeComponent} from "set-state-compare/src/shape-component"
 import {useForm} from "../../form"
 
 const styles = StyleSheet.create({

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

@@ -2,7 +2,7 @@ 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"
+import {shapeComponent} from "set-state-compare/src/shape-component"
 import {useForm} from "../../form"
 
 export default memo(shapeComponent(class EditAttributeContent extends BaseComponent {

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

@@ -4,7 +4,7 @@ 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"
+import {shapeComponent} from "set-state-compare/src/shape-component"
 import Text from "../../utils/text"
 import {useForm} from "../../form"
 

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

@@ -9,7 +9,7 @@ import memo from "set-state-compare/src/memo"
 import PropTypes from "prop-types"
 import propTypesExact from "prop-types-exact"
 import {View} from "react-native"
-import {shapeComponent} from "set-state-compare/src/shape-component.js"
+import {shapeComponent} from "set-state-compare/src/shape-component"
 
 export default memo(shapeComponent(class EditAttribute extends BaseComponent {
   static propTypes = propTypesExact({

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

@@ -1,6 +1,6 @@
 import {Pressable, View} from "react-native"
 import BaseComponent from "../base-component"
-import ConfigReader from "./config-reader.jsx"
+import ConfigReader from "./config-reader"
 import {digg} from "diggerize"
 import EditAttribute from "./edit-page/edit-attribute"
 import {Form} from "../form"
@@ -9,7 +9,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 {shapeComponent} from "set-state-compare/src/shape-component.js"
+import {shapeComponent} from "set-state-compare/src/shape-component"
 import Text from "../utils/text"
 import useCurrentUser from "../use-current-user"
 import useModel from "../use-model"

package/src/super-admin/has-edit-config.js

@@ -1,4 +1,4 @@
-import ConfigReader from "./config-reader.jsx"
+import ConfigReader from "./config-reader"
 
 const hasEditConfig = (modelClass) => {
   const configReader = ConfigReader.forModel(modelClass)

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

@@ -2,7 +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 {shapeComponent} from "set-state-compare/src/shape-component.js"
+import {shapeComponent} from "set-state-compare/src/shape-component"
 import {View} from "react-native"
 
 export default memo(shapeComponent(class ApiMakerSuperAdminIndexPage extends BaseComponent {

package/src/super-admin/index.jsx

@@ -1,21 +1,21 @@
 import {Pressable, View} from "react-native"
 import BaseComponent from "../base-component"
-import ConfigReader from "./config-reader.jsx"
+import ConfigReader from "./config-reader"
 import EditPage from "./edit-page"
-import hasEditConfig from "./has-edit-config.js"
+import hasEditConfig from "./has-edit-config"
 import IndexPage from "./index-page"
-import Layout from "./layout"
+import Layout from "./layout/index"
 import Link from "../link"
 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"
+import modelsModule from "@kaspernj/api-maker/build/models"
+import {shapeComponent} from "set-state-compare/src/shape-component"
+import ShowPage from "./show-page/index"
 import ShowReflectionActions from "./show-reflection-actions"
 import ShowReflectionPage from "./show-reflection-page"
 import Text from "../utils/text"
 import useCanCan from "../use-can-can"
-import useCurrentUser from "../use-current-user.mjs"
+import useCurrentUser from "../use-current-user"
 import useQueryParams from "on-location-changed/src/use-query-params"
 
 export default memo(shapeComponent(class ApiMakerSuperAdmin extends BaseComponent {

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

@@ -1,11 +1,11 @@
-import "./style"
+// import "../../../../src/super-admin/layout/header/style"
 import BaseComponent from "../../../base-component"
 import FontAwesomeIcon from "react-native-vector-icons/FontAwesome"
 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"
+import {shapeComponent} from "set-state-compare/src/shape-component"
 import Text from "../../../utils/text"
 import {Pressable, View} from "react-native"
 import useBreakpoint from "../../../use-breakpoint"

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

@@ -1,4 +1,4 @@
-import "./style"
+// import "../../../src/super-admin/layout/style"
 import BaseComponent from "../../base-component"
 import CommandsPool from "../../commands-pool"
 import config from "super-admin/config"
@@ -8,9 +8,9 @@ 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.js"
+import {shapeComponent} from "set-state-compare/src/shape-component"
 import useCurrentUser from "../../use-current-user"
-import useI18n from "i18n-on-steroids/src/use-i18n.mjs"
+import useI18n from "i18n-on-steroids/src/use-i18n"
 import {View} from "react-native"
 
 const NoAccess = React.lazy(() => import("./no-access"))

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

@@ -1,4 +1,4 @@
-import "./style"
+// import "../../../../src/super-admin/layout/menu/style"
 import BaseComponent from "../../../base-component"
 import memo from "set-state-compare/src/memo"
 import Link from "../../../link"
@@ -6,10 +6,10 @@ import MenuContent from "./menu-content"
 import MenuItem from "./menu-item"
 import PropTypes from "prop-types"
 import PropTypesExact from "prop-types-exact"
-import {shapeComponent} from "set-state-compare/src/shape-component.js"
+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.mjs"
+import useI18n from "i18n-on-steroids/src/use-i18n"
 import {View} from "react-native"
 
 export default memo(shapeComponent(class ComponentsAdminLayoutMenu extends BaseComponent {

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

@@ -7,7 +7,7 @@ import models from "../../models"
 import Params from "../../../params"
 import PropTypes from "prop-types"
 import PropTypesExact from "prop-types-exact"
-import {shapeComponent} from "set-state-compare/src/shape-component.js"
+import {shapeComponent} from "set-state-compare/src/shape-component"
 import useCanCan from "../../../use-can-can"
 
 export default memo(shapeComponent(class ComponentsAdminLayoutMenuContent extends BaseComponent {
@@ -17,7 +17,7 @@ export default memo(shapeComponent(class ComponentsAdminLayoutMenuContent extend
 
   render() {
     const {active} = this.p
-    const canCan = useCanCan(() => models.map((model) => [model, ["index"]]))
+    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]

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

@@ -1,11 +1,10 @@
-import "./style"
-import BaseComponent from "../../../../base-component"
+import BaseComponent from "../../../base-component"
 import classNames from "classnames"
-import Link from "../../../../link"
+import Link from "../../../link"
 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"
+import {shapeComponent} from "set-state-compare/src/shape-component"
+import Text from "../../../utils/text"
 
 export default memo(shapeComponent(class ComponentsAdminLayoutMenuMenuItem extends BaseComponent {
   static propTypes = {
@@ -59,7 +58,7 @@ export default memo(shapeComponent(class ComponentsAdminLayoutMenuMenuItem exten
         to={to || "#"}
         {...restProps}
       >
-        <i className={`fa fa-fw fa-${icon} menu-item-icon`} style={{color: textStyle.color}} />
+        <i className={`fa fa-fw fa-${icon} menu-item-icon`} style={{color: textStyle.color, marginRight: 4, fontSize: 12}} />
         {children || <Text style={textStyle}>{label}</Text>}
       </Link>
     )

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

@@ -1,8 +1,8 @@
 import BaseComponent from "../../base-component"
 import memo from "set-state-compare/src/memo"
-import {shapeComponent} from "set-state-compare/src/shape-component.js"
+import {shapeComponent} from "set-state-compare/src/shape-component"
 import useCurrentUser from "../../use-current-user"
-import useI18n from "i18n-on-steroids/src/use-i18n.mjs"
+import useI18n from "i18n-on-steroids/src/use-i18n"
 import {View} from "react-native"
 
 export default memo(shapeComponent(class ComponentsAdminLayoutNoAccess extends BaseComponent {

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

@@ -1,13 +1,13 @@
 import BaseComponent from "../base-component"
-import ConfigReader from "./config-reader.jsx"
+import ConfigReader from "./config-reader"
 import {digg} from "diggerize"
-import hasEditConfig from "./has-edit-config.js"
+import hasEditConfig from "./has-edit-config"
 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 {shapeComponent} from "set-state-compare/src/shape-component.js"
+import {shapeComponent} from "set-state-compare/src/shape-component"
 import Table from "../table/table"
 import useCurrentUser from "../use-current-user"
 

package/src/super-admin/models.js

@@ -1,4 +1,4 @@
-import * as modelsModule from "@kaspernj/api-maker/src/models.mjs.erb"
+import modelsModule from "@kaspernj/api-maker/build/models"
 
 const models = []
 

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

@@ -3,10 +3,10 @@ import Link from "../link"
 import PropTypes from "prop-types"
 import PropTypesExact from "prop-types-exact"
 import memo from "set-state-compare/src/memo"
-import {shapeComponent} from "set-state-compare/src/shape-component.js"
+import {shapeComponent} from "set-state-compare/src/shape-component"
 import ShowReflectionLink from "./show-reflection-link"
 import Text from "../utils/text"
-import useI18n from "i18n-on-steroids/src/use-i18n.mjs"
+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/super-admin/show-page/belongs-to-attribute-row.jsx

@@ -4,7 +4,7 @@ import * as inflection from "inflection"
 import Link from "../../link"
 import memo from "set-state-compare/src/memo"
 import Params from "../../params"
-import {shapeComponent} from "set-state-compare/src/shape-component.js"
+import {shapeComponent} from "set-state-compare/src/shape-component"
 import Text from "../../utils/text"
 
 export default memo(shapeComponent(class ApiMakerSuperAdminShowPageBelongsToAttributeRow extends BaseComponent {

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

@@ -1,13 +1,13 @@
 import AttributeRow from "../../bootstrap/attribute-row"
 import BaseComponent from "../../base-component"
 import BelongsToAttributeRow from "./belongs-to-attribute-row"
-import ConfigReader from "../config-reader.jsx"
+import ConfigReader from "../config-reader"
 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.js"
+import {shapeComponent} from "set-state-compare/src/shape-component"
 import ShowNav from "../show-nav"
 import useModel from "../../use-model"
 import {View} from "react-native"

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

@@ -4,7 +4,7 @@ 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"
+import {shapeComponent} from "set-state-compare/src/shape-component"
 
 export default memo(shapeComponent(class SuperAdminShowReflectionActions extends BaseComponent {
   static propTypes = propTypesExact({

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

@@ -2,7 +2,7 @@ import BaseComponent from "../base-component"
 import {digg} from "diggerize"
 import Link from "../link"
 import memo from "set-state-compare/src/memo"
-import {shapeComponent} from "set-state-compare/src/shape-component.js"
+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,7 +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 {shapeComponent} from "set-state-compare/src/shape-component.js"
+import {shapeComponent} from "set-state-compare/src/shape-component"
 import ShowNav from "./show-nav"
 import useQueryParams from "on-location-changed/src/use-query-params"
 import {View} from "react-native"