@kaspernj/api-maker 1.0.448 → 1.0.450

package/src/table/model-column.jsx

@@ -8,9 +8,11 @@ import EventEmitter from "events"
 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"
 import useBreakpoint from "../use-breakpoint"
+import useI18n from "i18n-on-steroids/src/use-i18n"
 
 export default memo(shapeComponent(class ApiMakerTableModelColumn extends BaseComponent {
   static propTypes = propTypesExact({
@@ -27,6 +29,7 @@ export default memo(shapeComponent(class ApiMakerTableModelColumn extends BaseCo
   })
 
   render() {
+    const {l, t} = useI18n({namespace: "js.api_maker.table.model_column"})
     const {mdUp} = useBreakpoint()
     const {animatedWidth, animatedZIndex, column, columnIndex, even, model, table} = this.props
     const columnProps = table.columnProps(column)
@@ -62,7 +65,7 @@ export default memo(shapeComponent(class ApiMakerTableModelColumn extends BaseCo
           </View>
         }
         <View dataSet={{class: "table--column-value"}}>
-          {new ColumnContent({column, model, table}).content()}
+          {new ColumnContent({column, l, model, t, table}).content()}
         </View>
       </Column>
     )

package/src/table/model-row.jsx

@@ -10,9 +10,11 @@ import Link from "../link"
 import ModelColumn from "./model-column"
 import PropTypes from "prop-types"
 import propTypesExact from "prop-types-exact"
+import React from "react"
 import Row from "./components/row"
 import memo from "set-state-compare/src/memo"
 import {shapeComponent} from "set-state-compare/src/shape-component"
+import useI18n from "i18n-on-steroids/src/use-i18n"
 
 const WorkerPluginsCheckbox = React.lazy(() => import("./worker-plugins-checkbox"))
 
@@ -28,6 +30,12 @@ export default memo(shapeComponent(class ApiMakerBootStrapLiveTableModelRow exte
     tableSettingFullCacheKey: PropTypes.string.isRequired
   })
 
+  setup() {
+    const {t} = useI18n({namespace: "js.api_maker.table.model_row"})
+
+    this.t = t
+  }
+
   render() {
     const {index, table, model} = this.p
     const {modelClass, workplace} = table.p
@@ -106,10 +114,11 @@ export default memo(shapeComponent(class ApiMakerBootStrapLiveTableModelRow exte
   }
 
   onDestroyClicked = async () => {
+    const {t} = this.tt
     const {destroyMessage} = this.p.table.props
     const {model} = this.p
 
-    if (!confirm(I18n.t("js.shared.are_you_sure"))) {
+    if (!confirm(t("js.shared.are_you_sure"))) {
       return
     }
 

package/src/table/settings/column-row.jsx

@@ -1,9 +1,9 @@
+import React, {useEffect, useRef} from "react"
 import BaseComponent from "../../base-component"
 import columnIdentifier from "../column-identifier"
 import memo from "set-state-compare/src/memo"
 import PropTypes from "prop-types"
 import propTypesExact from "prop-types-exact"
-import {useEffect, useRef} from "react"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import Text from "../../utils/text"
 import {View} from "react-native"

package/src/table/settings/download-action.jsx

@@ -7,6 +7,7 @@ import FontAwesomeIcon from "react-native-vector-icons/FontAwesome"
 import memo from "set-state-compare/src/memo"
 import PropTypes from "prop-types"
 import propTypesExact from "prop-types-exact"
+import React from "react"
 import {renderToString} from "react-dom/server"
 import {shapeComponent} from "set-state-compare/src/shape-component"
 import {Pressable} from "react-native"

package/src/table/settings/index.jsx

@@ -1,8 +1,8 @@
+import React, {useRef} from "react"
 import BaseComponent from "../../base-component"
 import columnIdentifier from "../column-identifier"
 import ColumnRow from "./column-row"
 import DownloadAction from "./download-action"
-import {useRef} from "react"
 import memo from "set-state-compare/src/memo"
 import Modal from "../../modal"
 import PropTypes from "prop-types"

package/src/table/worker-plugins-check-all-checkbox.jsx

@@ -1,4 +1,4 @@
-import {useEffect, useMemo, useRef} from "react"
+import React, {useEffect, useMemo, useRef} from "react"
 import BaseComponent from "../base-component"
 import classNames from "classnames"
 import Collection from "../collection"

package/src/table/worker-plugins-checkbox.jsx

@@ -1,3 +1,4 @@
+import React, {useMemo} from "react"
 import BaseComponent from "../base-component"
 import classNames from "classnames"
 import {digg} from "diggerize"
@@ -5,7 +6,6 @@ import memo from "set-state-compare/src/memo"
 import modelClassRequire from "../model-class-require"
 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 useModelEvent from "../use-model-event"
 

package/src/translated-collections.js

@@ -1,9 +1,10 @@
 import {digg} from "diggerize"
+import I18nOnSteroids from "i18n-on-steroids"
 import translatedCollectionsData from "../src/translated-collections-data.js.erb"
 
 export default class ApiMakerTranslatedCollections {
   static get (modelClass, collectionName) {
-    const locale = I18n.locale
+    const locale = I18nOnSteroids.getCurrent().locale
     const modelClassName = digg(modelClass.modelClassData(), "name")
     const collection = digg(translatedCollectionsData, modelClassName, collectionName, locale, "collection_array")
 

package/src/use-input.js

@@ -1,5 +1,5 @@
 import {dig, digg} from "diggerize"
-import {useCallback, useEffect, useMemo} from "react"
+import {useCallback, useEffect, useMemo, useRef} from "react"
 import idForComponent from "./inputs/id-for-component"
 import nameForComponent from "./inputs/name-for-component"
 import strftime from "strftime"
@@ -14,6 +14,7 @@ const useInput = ({props, wrapperOptions, ...useInputRestProps}) => {
   }
 
   const s = useShape(props)
+  const backupRef = useRef()
 
   s.useStates({
     form: undefined
@@ -67,13 +68,7 @@ const useInput = ({props, wrapperOptions, ...useInputRestProps}) => {
     }
   }, [])
 
-  const inputRefBackup = useCallback(() => {
-    if (!s.meta._inputRefBackup) s.meta._inputRefBackup = React.createRef()
-
-    return s.meta._inputRefBackup
-  }, [])
-
-  const inputRef = useCallback(() => s.props.inputRef || inputRefBackup())
+  const inputRef = useCallback(() => s.props.inputRef || backupRef)
 
   const inputType = useCallback(() => {
     if ("type" in s.props) {

package/src/utils/default-style.jsx

@@ -1,4 +1,4 @@
-import {createContext, useContext} from "react"
+import React, {createContext, useContext} from "react"
 import memo from "set-state-compare/src/memo"
 
 const DefaultStyleContext = createContext({

package/src/utils/text.jsx

@@ -1,4 +1,5 @@
 import memo from "set-state-compare/src/memo"
+import React from "react"
 import {Text} from "react-native"
 import {useDefaultStyle, WithDefaultStyle} from "./default-style"
 

package/src/with-collection.jsx

@@ -1,5 +1,6 @@
 import {digg} from "diggerize"
 import memo from "set-state-compare/src/memo"
+import React from "react"
 import useCollection from "./use-collection"
 
 export default (WrappedComponent, withCollectionArgs) => memo(() => {

package/src/with-current-user.jsx

@@ -1,3 +1,4 @@
+import React from "react"
 import useCurrentUser from "./use-current-user"
 
 export default (WrappedComponent) => (props) => {

package/src/with-model.jsx

@@ -1,4 +1,5 @@
 import memo from "set-state-compare/src/memo"
+import React from "react"
 import useModel from "./use-model"
 
 export default (WrappedComponent, modelClass, givenArgs) => {

package/src/with-router.jsx

@@ -1,3 +1,4 @@
+import React from "react"
 import useRouter from "./use-router"
 
 export default (WrapperComponent) => (props) => {