muffin-admin 1.30.0 → 1.31.2

package/authprovider.js

@@ -1,84 +0,0 @@
-import Cookies from 'js-cookie'
-import { makeRequest, processAdmin, requestHeaders, setupAdmin } from './utils'
-
-setupAdmin(
-  'auth-get',
-  ({ storage }) =>
-    (name) =>
-      storage == 'localstorage' ? localStorage.getItem(name) : Cookies.get(name)
-)
-
-setupAdmin('auth-set', ({ storage }) => (name, value) => {
-  if (storage == 'localstorage') {
-    localStorage.setItem(name, value)
-    requestHeaders['Authorization'] = value
-  } else Cookies.set(name, value)
-})
-
-export default (props) => {
-  const { identityURL, authorizeURL, logoutURL, required, storage_name } = props
-
-  const authGet = processAdmin('auth-get', props)
-  const authSet = processAdmin('auth-set', props)
-
-  // Initialize request headers
-  authSet(storage_name, authGet(storage_name))
-
-  let getIdentity = async () => {
-    if (identityURL) {
-      let { json } = await makeRequest(identityURL)
-      return json
-    }
-  }
-
-  if (required)
-    return {
-      login: async (data) => {
-        if (!authorizeURL) throw { message: 'Authorization is not supported' }
-
-        let { json } = await makeRequest(authorizeURL, { data, method: 'POST' })
-        authSet(storage_name, json)
-      },
-
-      checkError: async (error) => {
-        const { status } = error
-
-        if (status == 401 || status == 403) {
-          // Clean storage
-          authSet(storage_name, '')
-
-          throw {
-            message: 'Invalid authorization',
-            redirectTo: logoutURL,
-            logoutUser: !logoutURL,
-          }
-        }
-      },
-
-      checkAuth: async (data) => {
-        const auth = authGet(storage_name)
-        if (!auth) throw { message: 'Authorization required' }
-
-        if (!identityURL) return auth
-
-        let user = await getIdentity()
-        if (!user) throw { message: 'Authorization required' }
-
-        return user
-      },
-
-      logout: async () => {
-        // Clean storage
-        authSet(storage_name, '')
-
-        if (logoutURL) window.location = logoutURL
-      },
-
-      getIdentity,
-
-      getPermissions: (data) => {
-        const role = authGet(storage_name + '_role')
-        return role ? Promise.resolve(role) : Promise.reject()
-      },
-    }
-}

package/buttons/ActionButton.jsx

@@ -1,99 +0,0 @@
-import React, { useEffect } from 'react'
-
-import useAction from '../hooks/useAction'
-
-import {
-  Button,
-  useRefresh,
-  useUnselectAll,
-  useNotify,
-  useRecordContext,
-} from 'react-admin'
-import * as icons from '@mui/icons-material'
-
-export const BulkActionButton = ({
-  label,
-  icon,
-  title,
-  action,
-  resource,
-  selectedIds,
-}) => {
-  const refresh = useRefresh(),
-    unselectAll = useUnselectAll(resource),
-    notify = useNotify(),
-    Icon = icons[icon]
-
-  const mutation = useAction(resource, action)
-
-  let onClick = () => {
-    mutation.mutate(
-      {
-        action,
-        ids: selectedIds,
-      },
-      {
-        onSuccess: ({ data }) => {
-          if (data && data.message) notify(data.message, { type: 'success' })
-          refresh()
-          unselectAll()
-        },
-        onError: (err) => {
-          notify(typeof err === 'string' ? err : err.message, { type: 'error' })
-        },
-      }
-    )
-  }
-
-  return (
-    <Button
-      label={label}
-      title={title}
-      onClick={onClick}
-      disabled={mutation.isLoading}
-    >
-      {Icon && <Icon />}
-    </Button>
-  )
-}
-
-export const ActionButton = (props) => {
-  const { icon, label, title, resource, action } = props
-  const record = useRecordContext()
-  const mutation = useAction(resource, action)
-
-  const refresh = useRefresh(),
-    notify = useNotify(),
-    Icon = icons[icon]
-
-  let onClick = () => {
-    mutation.mutate(
-      { record },
-      {
-        onSuccess: ({ data }) => {
-          refresh()
-          if (data && data.redirectTo) window.location = data.redirectTo
-          if (data && data.message) notify(data.message, { type: 'success' })
-        },
-        onError: (error) => {
-          notify(typeof error === 'string' ? error : error.message, {
-            type: 'error',
-          })
-        },
-      }
-    )
-  }
-
-  return (
-    <Button
-      label={label}
-      title={title}
-      onClick={onClick}
-      disabled={mutation.isLoading}
-    >
-      {Icon && <Icon />}
-    </Button>
-  )
-}
-
-export default ActionButton

package/buttons/LinkButton.jsx

@@ -1,21 +0,0 @@
-import React from 'react'
-
-import { Button } from 'react-admin'
-import { Link } from 'react-router-dom'
-import * as icons from '@mui/icons-material'
-
-const LinkButton = ({ label, icon, title, resource, filters }) => {
-  const Icon = icons[icon] || icon
-  let linkParams = {
-    pathname: `/${resource}`,
-    search: filters ? `filter=${JSON.stringify(filters)}` : undefined,
-  }
-
-  return (
-    <Button label={label} title={title} component={Link} to={linkParams}>
-      {Icon && <Icon />}
-    </Button>
-  )
-}
-
-export default LinkButton

package/dashboard.jsx

@@ -1,74 +0,0 @@
-import React from 'react'
-
-import {
-  Grid,
-  Card,
-  CardContent,
-  Typography,
-  Table,
-  TableBody,
-  TableRow,
-  TableCell,
-} from '@mui/material'
-// import ReactJSON from "react-json-view";
-
-import { setupAdmin } from './utils'
-
-const AdminTableView = ({ src }) => (
-  <Table>
-    <TableBody>
-      {src.map((row, idx) => (
-        <TableRow key={idx} hover>
-          {row.map((cell, idx) => (
-            <TableCell key={idx}>{cell}</TableCell>
-          ))}
-        </TableRow>
-      ))}
-    </TableBody>
-  </Table>
-)
-
-const AdminCard = ({ src }) => {
-  if (Array.isArray(src)) {
-    return (
-      <Grid container item spacing={2}>
-        {src.map((card, idx) => (
-          <AdminCard key={idx} src={card} />
-        ))}
-      </Grid>
-    )
-  }
-
-  let { title, value } = src
-
-  return (
-    <Grid item xs>
-      <Card>
-        <CardContent>
-          <Typography
-            variant='h5'
-            component='h2'
-            m={2}
-            style={{ textAlign: 'center' }}
-          >
-            {title}
-          </Typography>
-          {(Array.isArray(value) && <AdminTableView src={value} />) || (
-            <pre>{JSON.stringify(value, null, 2)}</pre>
-          )}
-        </CardContent>
-      </Card>
-    </Grid>
-  )
-}
-
-// Process dashboard
-setupAdmin('dashboard', (props) => {
-  if (!props) return
-
-  return () => (
-    <Grid container spacing={1}>
-      <AdminCard src={props} />
-    </Grid>
-  )
-})

package/dataprovider.js

@@ -1,94 +0,0 @@
-import { makeRequest } from './utils'
-
-export default (apiUrl) => {
-  const methods = {
-    getList: async (resource, { filter, pagination, sort }) => {
-      const query = {}
-      if (filter) query.where = JSON.stringify(filter)
-      if (pagination) {
-        const { page, perPage: limit } = pagination
-        query.limit = limit
-        query.offset = limit * (page - 1)
-      }
-      if (sort) {
-        const { field, order } = sort
-        query.sort = order == 'ASC' ? field : `-${field}`
-      }
-
-      const { headers, json } = await makeRequest(`${apiUrl}/${resource}`, {
-        query,
-      })
-      return {
-        data: json,
-        total: parseInt(headers.get('x-total'), 10),
-      }
-    },
-
-    getOne: async (resource, { id }) => {
-      const { json } = await makeRequest(`${apiUrl}/${resource}/${id}`)
-      return { data: json }
-    },
-
-    create: async (resource, { data }) => {
-      const { json } = await makeRequest(`${apiUrl}/${resource}`, {
-        data,
-        method: 'POST',
-      })
-      return { data: json }
-    },
-
-    update: async (resource, { id, data }) => {
-      const { json } = await makeRequest(`${apiUrl}/${resource}/${id}`, {
-        data,
-        method: 'PUT',
-      })
-      return { data: json }
-    },
-
-    updateMany: async (resource, { ids, data }) => {
-      await Promise.all(ids.map((id) => methods.update(resource, { id, data })))
-      return { data: ids }
-    },
-
-    delete: async (resource, { id }) => {
-      await makeRequest(`${apiUrl}/${resource}/${id}`, {
-        method: 'DELETE',
-      })
-      return { data: { id } }
-    },
-
-    deleteMany: async (resource, { ids }) => {
-      await makeRequest(`${apiUrl}/${resource}`, {
-        data: ids,
-        method: 'DELETE',
-      })
-      return { data: ids }
-    },
-
-    getMany: (resource, { ids }) => {
-      return methods.getList(resource, { filter: { id: { $in: ids } } })
-    },
-
-    getManyReference: async (resource, { target, id, filter, ...opts }) => {
-      filter = filter || {}
-      filter[target] = id
-      return await methods.getList(resource, { filter, ...opts })
-    },
-
-    runAction: async (resource, action, props) => {
-      const { payload, ids, record } = props
-      action = action.replace(/^\/+/, '')
-      if (record) {
-        action = action.replace(/\{([^}]+)\}/, (_, field) => record[field])
-      }
-      const { json } = await makeRequest(`${apiUrl}/${action}`, {
-        query: { ids },
-        method: 'POST',
-        data: payload,
-      })
-      return { data: json }
-    },
-  }
-
-  return methods
-}

package/fields/AvatarField.jsx

@@ -1,34 +0,0 @@
-import React from 'react'
-
-import get from 'lodash/get'
-import { useRecordContext } from 'ra-core'
-import Avatar from '@mui/material/Avatar'
-
-const AvatarField = ({ source, alt, style, nameProp, ...props }) => {
-  const record = useRecordContext(props)
-
-  let value = get(record, source),
-    name = record[nameProp]
-
-  const letters = name
-    ? name
-        .trim(' ')
-        .split(/\s+/)
-        .slice(0, 2)
-        .map((n) => n[0].toUpperCase())
-        .join('')
-    : ''
-
-  return (
-    <Avatar src={value} alt={alt} style={style}>
-      {letters}
-    </Avatar>
-  )
-}
-
-AvatarField.displayName = 'AvatarField'
-AvatarField.defaultProps = {
-  addLabel: true,
-}
-
-export default AvatarField

package/fields/FKField.jsx

@@ -1,28 +0,0 @@
-import React from 'react'
-
-import { ReferenceField, TextField } from 'react-admin'
-
-const FKField = ({ refSource, refID, link, reference, source, ...props }) => {
-  return (
-    <ReferenceField
-      link={link || 'show'}
-      reference={reference}
-      source={source}
-      {...props}
-    >
-      <>
-        <TextField source={refSource} />
-        {' (#'}
-        <TextField source={refID || 'id'} />
-        {')'}
-      </>
-    </ReferenceField>
-  )
-}
-
-FKField.displayName = 'FKField'
-FKField.defaultProps = {
-  addLabel: true,
-}
-
-export default FKField

package/fields/JsonField.jsx

@@ -1,25 +0,0 @@
-import get from 'lodash/get'
-import React, { useState } from 'react'
-import { Button, FunctionField, useRecordContext } from 'react-admin'
-
-export default function JsonField({ label, source }) {
-  const [expand, setExpand] = useState(false)
-  const record = useRecordContext()
-  const src = JSON.stringify(get(record, source), null, 2)
-  const retval = (
-    <div>
-      <p></p>
-      {label}
-      <Button
-        variant='contained'
-        color='primary'
-        size='small'
-        label={expand ? 'colapse' : 'expand'}
-        onClick={() => setExpand(!expand)}
-      />
-      <p>{expand && <pre>{src}</pre>}</p>
-    </div>
-  )
-
-  return <FunctionField render={() => retval} />
-}

package/hooks/useAction.js

@@ -1,9 +0,0 @@
-import { useDataProvider } from 'react-admin'
-import { useMutation } from 'react-query'
-
-export default function useAction(resource, action) {
-  const dataProvider = useDataProvider()
-  return useMutation((params) =>
-    dataProvider.runAction(resource, action, params)
-  )
-}

package/index.js

@@ -1,15 +0,0 @@
-import { createRoot } from 'react-dom/client'
-
-import { setupAdmin, processAdmin } from './utils.js'
-
-import './admin.jsx'
-
-const initAdmin = (globalThis.initAdmin = (props) => {
-  const container = document.getElementById('root')
-  const root = createRoot(container)
-  root.render(processAdmin('admin', props))
-})
-
-export { setupAdmin, processAdmin }
-
-export default initAdmin

package/inputs/FKInput.jsx

@@ -1,42 +0,0 @@
-import React from 'react'
-
-import { ReferenceInput, AutocompleteInput } from 'react-admin'
-
-const FKInput = ({
-  refProp,
-  refSource,
-  fullWidth,
-  reference,
-  source,
-  ...props
-}) => {
-  let filterToQuery = (search) => {
-    let filters = {}
-    filters[refProp] = search
-    return filters
-  }
-
-  refSource = refSource || 'id'
-
-  let renderText = (record) => {
-    let pk = record[refSource]
-    return (pk && `${record[refProp]} (#${pk})`) || ''
-  }
-
-  return (
-    <ReferenceInput
-      reference={reference}
-      source={source}
-      filterToQuery={filterToQuery}
-      {...props}
-    >
-      <AutocompleteInput
-        source={refSource}
-        optionText={renderText}
-        fullWidth={fullWidth}
-      />
-    </ReferenceInput>
-  )
-}
-
-export default FKInput

package/inputs/JsonInput.jsx

@@ -1,62 +0,0 @@
-import React from 'react'
-import { TextInput } from 'react-admin'
-import isJSON from 'validator/lib/isJSON'
-
-const DEFAULT_ERRORTEXT = 'Invalid JSON'
-
-const parseFunction = (json) => {
-  let retval = json
-  try {
-    retval = JSON.parse(json)
-  } finally {
-    return retval
-  }
-}
-
-/**
- *
- * `JsonInput` validates if the entered value is JSON or not. If entered value is not a invalid JSON, `JsonInput` will throw an error.
- * Default error message is: `Invalid JSON` and can be overridden using `errortext` prop.
- *
- * @example
- * <JsonInput source='config' label='JSON Config' errortext='Enter a valid JSON'/>
- *
- * or use translate function:
- *
- * @example
- * <JsonInput source='config' label={translate('resources.resource_name.fields.config')} errortext={translate('myroot.validate.json')}/>
- *
- * By default, `JsonInput` parses and returns the entered string as object. Instead, to send string directly, please pass `parse` prop as `false`
- *
- * @example
- * <JsonInput source='config' label='JSON Config' parse={false}/>
- */
-export default function JsonInput(props) {
-  const {
-    validate = [],
-    errortext = DEFAULT_ERRORTEXT,
-    multiline = true,
-    parse = true,
-    ...rest
-  } = props
-  // const errorobj = { message: errortext }
-
-  const validateJSON = (value) => {
-    if (!value || typeof value === 'object') return undefined
-    return isJSON(value) ? undefined : errortext
-  }
-  validate.push(validateJSON)
-  rest.validate = validate
-
-  const formatJSON = (json) => {
-    let retval = json
-    if (retval && typeof retval === 'object')
-      retval = JSON.stringify(retval, null, 2)
-    return retval
-  }
-  rest.format = formatJSON
-  //
-  if (parse) rest.parse = parseFunction
-  if (multiline) rest.multiline = true
-  return <TextInput {...rest} />
-}

package/resources.jsx

@@ -1,37 +0,0 @@
-import React from 'react'
-
-import { Resource } from 'react-admin'
-import * as icons from '@mui/icons-material'
-
-import { checkParams, processAdmin, setupAdmin } from './utils'
-
-import './views/list.jsx'
-import './views/show.jsx'
-import './views/edit.jsx'
-import './views/create.jsx'
-
-// Initialize Resources Components
-setupAdmin('resources', (resources) =>
-  resources.map((res) => processAdmin('resource', res, res.name))
-)
-
-// Initialize a resource's component
-setupAdmin(
-  'resource',
-  checkParams((props, res) => {
-    let { create, edit, icon, list, name, show, ...resProps } = props
-
-    return (
-      <Resource
-        key={name}
-        name={name}
-        icon={icons[icon]}
-        create={processAdmin('create', create, res)}
-        edit={processAdmin('edit', edit, res)}
-        list={processAdmin('list', list, res)}
-        show={processAdmin('show', show, res)}
-        {...resProps}
-      />
-    )
-  })
-)