@kaspernj/api-maker 1.0.2053 → 1.0.2054

package/src/table/use-sorting.js

@@ -1,35 +0,0 @@
-import {camelize} from "inflection"
-import useQueryParams from "on-location-changed/build/use-query-params"
-
-const calculateQParams = (defaultParams, queryParams, searchKey) => {
-  if (searchKey in queryParams) {
-    return JSON.parse(queryParams[searchKey])
-  } else if (defaultParams) {
-    return {...defaultParams}
-  }
-
-  return {}
-}
-
-const useSorting = ({defaultParams, query}) => {
-  const queryParams = useQueryParams()
-  const searchKey = query.queryArgs.searchKey || "q"
-  const qParams = calculateQParams(defaultParams, queryParams, searchKey)
-  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
-
-  return {
-    qParams,
-    searchKey,
-    sortAttribute,
-    sortMode
-  }
-}
-
-export default useSorting

package/src/table/variables.scss

@@ -1,11 +0,0 @@
-$xs-from: 0;
-$xs-to: 575;
-$sm-from: 576px;
-$sm-to: 767px;
-$md-from: 768px;
-$md-to: 991px;
-$lg-from: 992px;
-$lg-to: 1199px;
-$xl-from: 1200px;
-$xl-to: 1399px;
-$xxl-from: 1400px;

package/src/table/widths.jsx

@@ -1,87 +0,0 @@
-import {Animated, Easing} from "react-native"
-import {digg} from "diggerize"
-
-export default class TableWidths {
-  constructor({columns, table, width}) {
-    this.columns = columns
-    this.tableWidth = width
-    this.table = table
-    this.setWidths()
-  }
-
-  setWidths() {
-    this.columnsWidths = {}
-
-    let widthLeft = this.tableWidth
-    const updateData = []
-
-    // Set widths that are defined
-    for (const columnIndex in this.columns) {
-      const column = this.columns[columnIndex]
-      const tableSettingColumn = column.tableSettingColumn
-
-      if (column.animatedPosition) throw new Error("Column already had an animated position")
-
-      column.animatedPosition = new Animated.ValueXY()
-      column.animatedZIndex = new Animated.Value(0)
-
-      if (tableSettingColumn.hasWidth()) {
-        if (column.animatedWidth) throw new Error("Column already had an animated width")
-
-        column.animatedWidth = new Animated.Value(tableSettingColumn.width())
-        column.width = tableSettingColumn.width()
-
-        widthLeft -= tableSettingColumn.width()
-      }
-    }
-
-    // Calculate how many columns are shown
-    const columnsWithoutWidth = this.columns.filter((column) => !column.tableSettingColumn.hasWidth())
-    let amountOfColumns = columnsWithoutWidth.length
-
-    amountOfColumns++ // Actions column
-
-    if (this.table.p.workplace) amountOfColumns++
-
-    // Set widths of columns without
-    for (const columnIndex in this.columns) {
-      const column = this.columns[columnIndex]
-      const tableSettingColumn = column.tableSettingColumn
-
-      if (!tableSettingColumn.hasWidth()) {
-        let newWidth = widthLeft / amountOfColumns
-
-        if (newWidth < 200) newWidth = 200
-
-        column.animatedWidth = new Animated.Value(newWidth)
-        column.width = newWidth
-
-        updateData << {
-          id: tableSettingColumn.id(),
-          width: newWidth
-        }
-      }
-    }
-
-    if (updateData.length > 0) {
-      // FIXME: Should update the columns on the backend if anything changed
-    }
-  }
-
-  getWidthOfColumn(identifier) {
-    const column = this.columns.find((column) => column.tableSettingColumn.identifier() == identifier)
-
-    if (!column) throw new Error(`No such column: ${identifier}`)
-
-    return digg(column, "width")
-  }
-
-  setWidthOfColumn({identifier, width}) {
-    const column = this.columns.find((column) => column.tableSettingColumn.identifier() == identifier)
-
-    if (!column) throw new Error(`No such column: ${identifier}`)
-
-    column.width = width
-    column.animatedWidth.setValue(width)
-  }
-}

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

@@ -1,112 +0,0 @@
-import React, {useEffect, useMemo, useRef} from "react"
-import BaseComponent from "../base-component"
-import classNames from "classnames"
-import Collection from "../collection"
-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"
-import {simpleObjectDifferent} from "set-state-compare/src/diff-utils"
-import useModelEvent from "../use-model-event"
-
-const Checkbox = memo(shapeComponent(class Checkbox extends BaseComponent {
-  render() {
-    const {indeterminate, ...restProps} = this.props
-    const checkboxRef = useRef()
-
-    useEffect(() => {
-      checkboxRef.current.indeterminate = indeterminate
-    })
-
-    return (
-      <input ref={checkboxRef} type="checkbox" {...restProps} />
-    )
-  }
-}))
-
-export default memo(shapeComponent(class ApiMakerTableWorkerPluginsCheckAllCheckbox extends BaseComponent {
-  static propTypes = propTypesExact({
-    currentWorkplace: PropTypes.object,
-    query: PropTypes.instanceOf(Collection),
-    style: PropTypes.object
-  })
-
-  setup() {
-    this.useStates({
-      checked: false,
-      indeterminate: false
-    })
-
-    useMemo(() => {
-      this.updateAllChecked()
-    }, [])
-
-    useModelEvent(this.props.currentWorkplace, "workplace_links_created", this.tt.onLinksCreated)
-    useModelEvent(this.props.currentWorkplace, "workplace_links_destroyed", this.tt.onLinksDestroyed)
-  }
-
-  componentDidUpdate(prevProps) {
-    const previousParams = prevProps.query.params()
-    const currentParams = this.props.query.params()
-
-    if (simpleObjectDifferent(previousParams, currentParams)) {
-      this.updateAllChecked()
-    }
-  }
-
-  async updateAllChecked() {
-    const {query, currentWorkplace} = this.props
-    const queryLinksStatusResult = await currentWorkplace.queryLinksStatus({query})
-    const allChecked = queryLinksStatusResult.all_checked
-    const someChecked = queryLinksStatusResult.some_checked
-
-    this.setState({
-      checked: allChecked,
-      indeterminate: someChecked
-    })
-  }
-
-  render() {
-    const {className, style} = this.props
-    const {checked, indeterminate} = this.state
-
-    return (
-      <Checkbox
-        checked={checked}
-        className={classNames("api-maker--table--worker-plugins-check-all-checkbox", className)}
-        indeterminate={indeterminate}
-        onChange={this.onCheckedChanged}
-        style={style}
-      />
-    )
-  }
-
-  modelClassName = () => this.props.query.modelClass().modelClassData().name
-
-  onCheckedChanged = async (e) => {
-    e.preventDefault()
-
-    const {currentWorkplace, query} = this.props
-    const checkbox = e.target
-
-    if (checkbox.checked) {
-      await currentWorkplace.addQuery({query})
-      this.setState({checked: true, indeterminate: false})
-    } else {
-      await currentWorkplace.removeQuery({query})
-      this.setState({checked: false, indeterminate: false})
-    }
-  }
-
-  onLinksCreated = ({args}) => {
-    if (args.created[this.modelClassName()]) {
-      this.updateAllChecked()
-    }
-  }
-
-  onLinksDestroyed = ({args}) => {
-    if (args.destroyed[this.modelClassName()]) {
-      this.updateAllChecked()
-    }
-  }
-}))

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

@@ -1,104 +0,0 @@
-import React, {useMemo} from "react"
-import BaseComponent from "../base-component"
-import classNames from "classnames"
-import {digg} from "diggerize"
-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 {shapeComponent} from "set-state-compare/src/shape-component"
-import useModelEvent from "../use-model-event"
-
-const Workplace = modelClassRequire("Workplace")
-
-export default memo(shapeComponent(class ApiMakerTableWorkerPluginsCheckbox extends BaseComponent {
-  static propTypes = PropTypesExact({
-    currentWorkplace: PropTypes.object,
-    model: PropTypes.object.isRequired,
-    style: PropTypes.object
-  })
-
-  setup() {
-    this.useStates({
-      checked: false,
-      linkLoaded: false
-    })
-
-    useMemo(() => {
-      this.loadCurrentLink()
-    }, [])
-
-    useModelEvent(this.p.currentWorkplace, "workplace_links_created", this.tt.onLinksCreated)
-    useModelEvent(this.p.currentWorkplace, "workplace_links_destroyed", this.tt.onLinksDestroyed)
-  }
-
-  async loadCurrentLink() {
-    const {model} = this.props
-    const response = await Workplace.linkFor({model_class: model.modelClassData().name, model_id: model.id()})
-    const link = digg(response, "link")
-
-    this.setState({
-      checked: Boolean(link),
-      linkLoaded: true
-    })
-  }
-
-  render() {
-    const {className, model, style} = this.props
-    const {checked, linkLoaded} = this.state
-
-    if (!linkLoaded) {
-      return null
-    }
-
-    return (
-      <input
-        checked={checked}
-        className={classNames("api-maker--table--worker-plugins-checkbox", className)}
-        data-checked={checked}
-        data-model-id={model.id()}
-        onChange={this.tt.onCheckedChanged}
-        style={style}
-        type="checkbox"
-      />
-    )
-  }
-
-  onCheckedChanged = (e) => {
-    e.preventDefault()
-
-    const {model} = this.props
-    const checked = e.target.checked
-
-    if (checked) {
-      Workplace.createLink({model_class: model.modelClassData().name, model_id: model.id()})
-    } else {
-      const modelClassName = model.modelClassData().name
-      const params = {models: {}}
-
-      params.models[modelClassName] = [model.id()]
-
-      Workplace.destroyLinks(params)
-    }
-  }
-
-  onLinksCreated = ({args}) => {
-    const {model} = this.p
-    const id = model.id()
-    const modelClassName = model.modelClassData().name
-
-    if (args.created[modelClassName] && args.created[modelClassName].includes(id)) {
-      this.setState({checked: true})
-    }
-  }
-
-  onLinksDestroyed = ({args}) => {
-    const {model} = this.p
-    const id = model.id()
-    const modelClassName = model.modelClassData().name
-
-    if (args.destroyed[modelClassName] && args.destroyed[modelClassName].includes(id)) {
-      this.setState({checked: false})
-    }
-  }
-}))

package/src/translated-attributes.js

@@ -1,11 +0,0 @@
-export default function apiMakerTranslatedAttributes(attributeNames, availableLocales) {
-  const translatedAttributes = []
-
-  for (const attribute of attributeNames) {
-    for (const locale of availableLocales) {
-      translatedAttributes.push(`${attribute}${locale.substring(0, 1).toUpperCase()}${locale.substring(1, 99)}`)
-    }
-  }
-
-  return translatedAttributes
-}

package/src/translated-collections-data.js.erb

@@ -1,5 +0,0 @@
-/* rails-erb-loader-dependencies models/ */
-
-const translatedCollections = <%= ApiMaker::TranslatedCollections.translated_collections.to_json %>
-
-export default translatedCollections

package/src/translated-collections.js

@@ -1,13 +0,0 @@
-import {digg} from "diggerize"
-import I18nOnSteroids from "i18n-on-steroids"
-import translatedCollectionsData from "translated-collections-data.json"
-
-export default class ApiMakerTranslatedCollections {
-  static get (modelClass, collectionName) {
-    const locale = I18nOnSteroids.getCurrent().locale
-    const modelClassName = digg(modelClass.modelClassData(), "name")
-    const collection = digg(translatedCollectionsData, modelClassName, collectionName, locale, "collection_array")
-
-    return collection
-  }
-}

package/src/updated-attribute.jsx

@@ -1,93 +0,0 @@
-import {digg} from "diggerize"
-import ModelEvents from "./model-events"
-import PropTypes from "prop-types"
-import propTypesExact from "prop-types-exact"
-import React from "react"
-
-export default class ApiMakerUpdatedAttribute extends React.PureComponent {
-  static propTypes = propTypesExact({
-    attribute: PropTypes.string,
-    model: PropTypes.object.isRequired,
-    onValue: PropTypes.func
-  })
-
-  constructor (props) {
-    super(props)
-    this.state = {
-      model: this.props.model
-    }
-  }
-
-  componentDidMount () {
-    this.setAttribute()
-    this.connect()
-  }
-
-  componentWillUnmount () {
-    // Apparently 'componentWillUnmount' can be called without 'componentDidMount' was called. Several bug reports on this.
-    if (this.connectUpdated) {
-      this.connectUpdated.unsubscribe()
-    }
-  }
-
-  connect () {
-    this.connectUpdated = ModelEvents.connectUpdated(this.props.model, (args) => {
-      if (!this.props.attribute || args.model.isAttributeLoaded(this.props.attribute)) {
-        this.setState(
-          {model: args.model},
-          () => this.setAttribute()
-        )
-      } else {
-        this.loadModelWithAttribute()
-      }
-    })
-  }
-
-  // This loads the model from the backend with the primary key and the attribute and calls setAttribute
-  async loadModelWithAttribute () {
-    const id = this.props.model.primaryKey()
-    const modelClass = this.props.model.modelClass()
-    const modelName = digg(modelClass.modelClassData(), "name")
-    const primaryKey = digg(modelClass.modelClassData(), "primaryKey")
-
-    const args = {}
-    args[`${primaryKey}_eq`] = id
-
-    const select = {}
-    select[modelName] = [primaryKey, this.props.attribute]
-
-    const model = await modelClass
-      .ransack(args)
-      .select(select)
-      .first()
-
-    this.setState(
-      {model},
-      () => this.setAttribute()
-    )
-  }
-
-  setAttribute () {
-    let newValue
-
-    if (this.props.onValue) {
-      newValue = this.props.onValue.apply(null, [{model: this.state.model}])
-    } else {
-      if (!this.state.model[this.props.attribute]) {
-        throw new Error(`No such method: ${digg(this.state.model.modelClassData(), "name")}#${this.props.attribute}()`)
-      }
-
-      newValue = this.state.model[this.props.attribute].apply(this.state.model)
-    }
-
-    this.setState({
-      value: newValue
-    })
-  }
-
-  render () {
-    if (this.state.value === undefined) return null
-
-    return this.state.value
-  }
-}

package/src/url-encode.js

@@ -1,18 +0,0 @@
-import escapeStringRegexp from "escape-string-regexp"
-
-const replaces = {
-  " ": "+",
-  "&": "%26",
-  "#": "%23",
-  "+": "%2B",
-  "/": "%2F",
-  "?": "%3F"
-}
-
-const regexp = new RegExp(`(${Object.keys(replaces).map(escapeStringRegexp).join("|")})`, "g")
-
-const urlEncode = (string) => {
-  return String(string).replaceAll(regexp, (character) => replaces[character])
-}
-
-export default urlEncode

package/src/use-breakpoint.js

@@ -1,100 +0,0 @@
-import {useCallback} from "react"
-import config from "./config"
-import {Dimensions} from "react-native"
-import * as inflection from "inflection"
-import isExpo from "./is-expo"
-import useEventEmitter from "./use-event-emitter"
-import useEventListener from "./use-event-listener"
-import useShape from "set-state-compare/src/use-shape"
-
-const calculateBreakPoint = (breakpoints) => {
-  let windowWidth
-
-  if (isExpo) {
-    windowWidth = Dimensions.get("window").width
-  } else if (typeof window !== "undefined" && window.innerWidth !== undefined) {
-    // Use 'window.innerWidth' outside Expo because sometimes window width excludes scroll
-    windowWidth = window.innerWidth
-  } else {
-    throw new Error("Didn't know where to get window width from")
-  }
-
-  const result = {}
-
-  for (const breakpointData of breakpoints) {
-    const breakpoint = breakpointData[0]
-    const width = breakpointData[1]
-
-    if (!result.name && windowWidth >= width) {
-      result.name = breakpoint
-      result[`${breakpoint}Down`] = true
-    } else {
-      result[`${breakpoint}Down`] = !result.name
-    }
-
-    result[`${breakpoint}Up`] = Boolean(result.name)
-  }
-
-  if (result.name) {
-    return result
-  }
-
-  throw new Error(`Couldn't not find breakpoint from window width: ${windowWidth}`)
-}
-
-const sizeTypes = ["down", "up"]
-
-const useBreakpoint = (args = {}) => {
-  const s = useShape(args)
-
-  s.meta.breakpoints ||= config.getBreakpoints()
-
-  const checkAndUpdateBreakpoint = useCallback(() => {
-    const breakpoint = calculateBreakPoint(s.m.breakpoints)
-
-    if (breakpoint.name != s.s.breakpoint.name) {
-      s.set({breakpoint})
-    }
-  }, [])
-
-  const onDimensionsChange = useCallback(() => {
-    checkAndUpdateBreakpoint()
-  }, [])
-
-  const onBreakpointsChange = useCallback(({newValue}) => {
-    s.meta.breakpoints = newValue
-    checkAndUpdateBreakpoint()
-  }, [])
-
-  s.useStates({
-    breakpoint: () => calculateBreakPoint(s.m.breakpoints)
-  })
-
-  const styling = useCallback((args) => {
-    const style = Object.assign({}, args.base)
-
-    for (const breakpointData of s.m.breakpoints) {
-      const breakpoint = breakpointData[0]
-
-      for (const sizeType of sizeTypes) {
-        const breakpointWithSizeType = `${breakpoint}${inflection.camelize(sizeType)}`
-
-        if (args[breakpointWithSizeType] && s.s.breakpoint[breakpointWithSizeType]) {
-          Object.assign(style, args[breakpointWithSizeType])
-        }
-      }
-    }
-
-    return style
-  }, [])
-
-  useEventEmitter(config.getEvents(), "onBreakpointsChange", onBreakpointsChange)
-  useEventListener(Dimensions, "change", onDimensionsChange)
-
-  return {
-    styling,
-    ...s.s.breakpoint
-  }
-}
-
-export default useBreakpoint

package/src/use-can-can.js

@@ -1,55 +0,0 @@
-import CanCan from "./can-can"
-import {useCallback, useMemo} from "react"
-import useCurrentUser from "./use-current-user"
-import useEventEmitter from "./use-event-emitter"
-import useShape from "set-state-compare/src/use-shape"
-
-const useCanCan = (abilitiesCallback, dependencies) => {
-  const currentUser = useCurrentUser()
-  const s = useShape({abilitiesCallback})
-
-  s.useStates({
-    canCan: null,
-    lastUpdate: () => new Date()
-  })
-
-  const loadAbilities = useCallback(async () => {
-    const canCan = CanCan.current()
-    const abilities = s.p.abilitiesCallback()
-
-    await canCan.loadAbilities(abilities)
-
-    s.set({canCan, lastUpdate: new Date()})
-  }, [])
-
-  const onResetAbilities = useCallback(() => {
-    s.set({canCan: null}, {silent: true})
-    loadAbilities()
-  }, [])
-
-  const loadAbilitiesOnNew = useCallback(async () => {
-    const canCan = s.s.canCan
-
-    s.set({canCan: null}, {silent: true})
-
-    if (canCan) {
-      await canCan?.resetAbilities()
-    } else {
-      await loadAbilities()
-    }
-  }, [])
-
-  if (!dependencies) {
-    dependencies = [currentUser?.id()]
-  }
-
-  useMemo(() => {
-    loadAbilitiesOnNew()
-  }, dependencies)
-
-  useEventEmitter(CanCan.current().events, "onResetAbilities", onResetAbilities)
-
-  return s.s.canCan
-}
-
-export default useCanCan