muffin-admin 1.28.2 → 1.31.0

package/admin.jsx

@@ -1,56 +0,0 @@
-import React from "react"
-
-import { Admin, AppBar, Layout, Login } from "react-admin"
-import { IconButton, SvgIcon, Tooltip, Typography } from "@material-ui/core"
-import * as icons from "@material-ui/icons"
-
-import authProvider from "./authprovider"
-import dataProvider from "./dataprovider"
-import { processAdmin, setupAdmin } from './utils'
-
-import './dashboard.jsx';
-import './resources.jsx';
-
-
-// Initialize the admin
-setupAdmin('admin', props => {
-    const { apiUrl, auth, adminProps, appBarLinks, dashboard, resources } = props;
-
-    let appBar = props => (
-        <AppBar {...props}>
-            <Typography
-                variant="h6"
-                color="inherit"
-                id="react-admin-title"
-                style={{
-                  flex: 1,
-                  textOverflow: 'ellipsis',
-                  whiteSpace: 'nowrap',
-                  overflow: 'hidden',
-                }}
-            />
-          { appBarLinks.map( info => (
-            <Tooltip key={ info.url } title={ info.title }>
-              <IconButton color="inherit" href={ info.url }>
-                <SvgIcon component={ icons[info.icon] }/>
-              </IconButton>
-            </Tooltip>
-          ))}
-        </AppBar>
-    )
-
-    return <Admin authProvider={ processAdmin('auth', auth) }
-                  dataProvider={ processAdmin('data', apiUrl) }
-                  dashboard={ processAdmin('dashboard', dashboard) }
-                  loginPage={ processAdmin('login', auth) }
-                  layout={ props => <Layout appBar={appBar} {...props} /> }
-                  children={ processAdmin('resources', resources) }
-                  { ...adminProps } />
-});
-
-// Initialize authentication and data providers
-setupAdmin('auth', authProvider);
-setupAdmin('data', dataProvider);
-
-// Initialize login page
-setupAdmin('login', (params, res) => (props) => <Login {...props}  />);

package/authprovider.js

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

package/buttons/ActionButton.jsx

@@ -1,68 +0,0 @@
-import React from 'react';
-
-import { Button, CreateButton, useRefresh, useUnselectAll, useMutation, useNotify } from 'react-admin';
-import * as icons from "@material-ui/icons"
-
-
-export const BulkActionButton = ({label, icon, title, action, resource, selectedIds, ...props}) => {
-  const refresh = useRefresh(), unselectAll = useUnselectAll(),
-        notify = useNotify(), [mutate, { loading }] = useMutation(),
-        Icon = icons[icon];
-
-  let onClick = event => {
-      mutate({
-        resource,
-        type: 'runAction',
-        payload: {action, ids: selectedIds},
-      }, {
-        onSuccess: res => {
-            if (res && res.data && res.data.message) notify(res.data.message, 'success');
-            refresh();
-            unselectAll(resource);
-        },
-        onFailure: err => {
-          notify(typeof err === 'string' ? err : err.message, 'error')
-        }
-      })
-  }
-
-  return (
-    <Button label={ label } title={ title } onClick={ onClick } disabled={ loading }>
-      { Icon && <Icon /> }
-    </Button>
-  )
-}
-
-export const ActionButton = ({icon, label, title, record, resource, action}) => {
-  const refresh = useRefresh(), notify = useNotify(),
-        [mutate, { loading }] = useMutation(), Icon = icons[icon];
-
-  let onClick = event => {
-      mutate({
-        resource,
-        type: 'runAction',
-        payload: {action, record},
-      }, {
-        onSuccess: res => {
-            let data = res && res.data;
-
-            if (data && data.redirectTo) window.location = data.redirectTo;
-            if (data && data.message) notify(data.message, 'success');
-
-            refresh();
-        },
-        onFailure: err => {
-          notify(typeof err === 'string' ? err : err.message, 'error')
-        }
-      })
-  }
-
-  return (
-    <Button label={ label } title={ title } onClick={ onClick } disabled={ loading }>
-      { 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 "@material-ui/icons"
-
-// import LinkButton from '../buttons/LinkButton'
-// <LinkButton label="Messages" icon="Message" resource="message" filters={{ user: data.id }} />
-//
-const LinkButton = ({label, icon, title, resource, filters, ...props}) => {
-  let Icon = icons[icon] || icon, linkParams = {pathname: `/${resource}`};
-  if (filters) linkParams.search = `filter=${JSON.stringify(filters)}`;
-
-  return (
-    <Button label={ label } title={ title } component={ Link } to={ linkParams }>
-      { Icon && <Icon /> }
-    </Button>
-  )
-}
-
-export default LinkButton

package/dashboard.jsx

@@ -1,57 +0,0 @@
-import React from "react";
-
-import { Grid, Card, CardContent, Typography, Table, TableBody, TableRow, TableCell } from "@material-ui/core";
-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 } /> || <ReactJSON src={ value } />
-          }
-        </CardContent>
-      </Card>
-    </Grid>
-  )
-}
-
-// Process dashboard
-setupAdmin('dashboard', props => {
-    if (!props) return;
-
-    return () => 
-      <Grid container spacing={ 1 }>
-        <AdminCard src={ props } />
-      </Grid>
-})

package/dataprovider.js

@@ -1,81 +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}) => {
-      const {json} = await makeRequest(`${apiUrl}/${resource}/${id}`, {method: 'DELETE'});
-      return {data: {id}};
-    },
-
-    deleteMany: async (resource, {ids}) => {
-      const {json} = 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, props) => {
-      let {action, 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,25 +0,0 @@
-import React from 'react';
-
-import get from 'lodash/get';
-import { useRecordContext } from 'ra-core';
-import Avatar from '@material-ui/core/Avatar';
-
-
-const AvatarField = ({ source, record, alt, style, nameProp, ...props }) => {
-
-  let sourceValue = get(record, source),
-      letters = null,
-      name = record[nameProp];
-
-  if (name) letters = name.trim(' ').split(/\s+/).slice(0, 2).map( n => n[0].toUpperCase() ).join('');
-
-  return <Avatar src={ record[source] } alt={ alt } style={ style }>{ letters }</Avatar>
-
-}
-
-AvatarField.displayName = 'AvatarField';
-AvatarField.defaultProps = {
-  addLabel: true,
-}
-
-export default AvatarField;

package/fields/FKField.jsx

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

package/index.js

@@ -1,12 +0,0 @@
-import ReactDOM from 'react-dom';
-
-import { setupAdmin, processAdmin } from './utils.js'
-
-import './admin.jsx';
-
-
-let initAdmin = globalThis.initAdmin = (props) => ReactDOM.render(processAdmin('admin', props), document.getElementById('root'))
-
-export { setupAdmin, processAdmin }
-
-export default initAdmin

package/inputs/FKInput.jsx

@@ -1,30 +0,0 @@
-import React from "react";
-
-import { ReferenceInput, AutocompleteInput } from 'react-admin'
-
-
-const FKInput = ({refProp, refSource, ...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 { ...props } filterToQuery={ filterToQuery }>
-      <AutocompleteInput source={ refSource } optionText={ renderText } />
-    </ReferenceInput>
-  )
-
-
-}
-
-export default FKInput;

package/resources.jsx

@@ -1,27 +0,0 @@
-import React from "react";
-
-import { Resource } from "react-admin";
-import * as icons from "@material-ui/icons"
-
-import { checkParams, processAdmin, initRAItems, 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 } />;
-}));

package/ui.jsx

@@ -1,51 +0,0 @@
-import React from "react";
-
-import { required } from 'react-admin';
-import { BooleanField, ChipField, DateField, EmailField, ImageField, FileField, NumberField, RichTextField, TextField, UrlField, SelectField, ArrayField, ReferenceField, ReferenceManyField, ReferenceArrayField } from "react-admin";
-import { BooleanInput, NullableBooleanInput, DateInput, DateTimeInput, ImageInput, FileInput, NumberInput, PasswordInput, TextInput, AutocompleteInput, RadioButtonGroupInput, SelectInput, ArrayInput, AutocompleteArrayInput, CheckboxGroupInput, ReferenceArrayInput, ReferenceInput } from "react-admin";
-import { JsonField, JsonInput } from "react-admin-json-view";
-
-import AvatarField from "./fields/AvatarField.jsx"
-import FKField from "./fields/FKField.jsx"
-import FKInput from "./inputs/FKInput.jsx"
-
-
-// Fix JsonField
-JsonField.displayName = 'JsonField';
-JsonField.defaultProps = {
-    addLabel: true,
-};
-
-const ui = {
-
-  // Fields
-  BooleanField, ChipField, DateField, EmailField, ImageField, FileField,
-  NumberField, RichTextField, TextField, UrlField, SelectField, ArrayField,
-  ReferenceField, ReferenceManyField, ReferenceArrayField, AvatarField,
-  JsonField, FKField,
-
-  // Inputs
-  BooleanInput, NullableBooleanInput, DateInput, DateTimeInput, ImageInput,
-  FileInput, NumberInput, PasswordInput, TextInput, AutocompleteInput,
-  RadioButtonGroupInput, SelectInput, ArrayInput, AutocompleteArrayInput,
-  CheckboxGroupInput, ReferenceArrayInput, ReferenceInput, JsonInput, FKInput,
-
-}
-
-const initRAItems = itemsProps => itemsProps.map((item) => {
-    const Item = ui[item[0]],
-          props = {...item[1]};
-
-    if (props.required) {
-        props.validate = required();
-        delete props.required
-    }
-
-    props.fullWidth = props.fullWidth ?? true
-
-    if (props.children) props.children = initRAItems(props.children)[0];
-  
-    return <Item key={ props.source } { ...props } />
-})
-
-export default initRAItems

package/utils.js

@@ -1,35 +0,0 @@
-import React from "react";
-
-import { fetchUtils } from 'ra-core';
-import { stringify } from 'query-string';
-import { required } from 'react-admin';
-
-
-const admin = globalThis.admin = globalThis.admin || {};
-
-export const setupAdmin = globalThis.setupAdmin = (type, fn) => admin[type] = fn
-export const checkParams = (fn) => (props, res) => {
-  if (!props || React.isValidElement(props)) return props;
-  return fn(props, res);
-}
-export const processAdmin = (type, props, res) => {
-  let callbacks = [], result = props;
-
-  if (process.env.NODE_ENV == 'development') console.log(`${type}${ res ? '-' + res : ''}`, props);
-
-  if (admin[`${type}-${res}`]) return admin[`${type}-${res}`](props, res);
-  if (admin[type]) return admin[type](props, res);
-}
-
-export const requestHeaders = {};
-
-export const makeRequest = (url, params) => {
-  let {data, query, ...opts} = params || {};
-
-  if (data) opts.body = JSON.stringify(data);
-  if (query) url = `${url}?${stringify(query)}`;
-
-  opts = {...opts, headers: new Headers({...requestHeaders, ...opts.headers})}
-
-  return fetchUtils.fetchJson(url, opts);
-}

package/views/create.jsx

@@ -1,26 +0,0 @@
-import React from "react";
-
-import { Create, SimpleForm, TopToolbar, ListButton } from "react-admin";
-
-import initRAItems from '../ui.jsx'
-import { checkParams, processAdmin, setupAdmin } from '../utils'
-
-
-// Initialize a create component
-setupAdmin('create', checkParams((inputs, res) => props => {
-
-  const Actions = ({basePath}) => (
-      <TopToolbar>
-        <ListButton basePath={ basePath } />
-      </TopToolbar>
-  )
-
-  return (
-    <Create actions={ <Actions /> } {...props}>
-      <SimpleForm children={ processAdmin('create-inputs', inputs, res) } />
-    </Create>
-  )
-}
-));
-setupAdmin('create-inputs', initRAItems);
-

package/views/edit.jsx

@@ -1,34 +0,0 @@
-import React from "react";
-
-import { Edit, ListButton, ShowButton, SimpleForm, TopToolbar } from "react-admin";
-
-import initRAItems from '../ui.jsx'
-import { checkParams, processAdmin, setupAdmin } from '../utils'
-
-import { ActionButton } from '../buttons/ActionButton.jsx'
-
-
-// Initialize an edit component
-setupAdmin('edit', checkParams(({actions, inputs}, res) => props => {
-
-    const Actions = ({basePath, data, resource, ...baseProps}) => (
-      <TopToolbar>
-        {
-          actions.map((props, idx) => {
-            let aProps = {resource, basePath, ...baseProps, ...props};
-            return <ActionButton key={ idx } {...aProps} />
-          })
-        }
-        <ListButton basePath={ basePath } />
-        <ShowButton basePath={basePath} record={data} />
-      </TopToolbar>
-    )
-
-    return (
-      <Edit actions={ <Actions /> } { ...props }>
-        <SimpleForm children={ processAdmin('edit-inputs', inputs, res) } />
-      </Edit>
-    )
-}));
-
-setupAdmin('edit-inputs', initRAItems);