muffin-admin 1.30.0 → 1.31.0

package/dist/inputs/JsonInput.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = JsonInput;
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactAdmin = require("react-admin");
+
+var _isJSON = _interopRequireDefault(require("validator/lib/isJSON"));
+
+var _excluded = ["validate", "errortext", "multiline", "parse"];
+var DEFAULT_ERRORTEXT = 'Invalid JSON';
+
+var parseFunction = function parseFunction(json) {
+  var 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}/>
+ */
+
+
+function JsonInput(props) {
+  var _props$validate = props.validate,
+      validate = _props$validate === void 0 ? [] : _props$validate,
+      _props$errortext = props.errortext,
+      errortext = _props$errortext === void 0 ? DEFAULT_ERRORTEXT : _props$errortext,
+      _props$multiline = props.multiline,
+      multiline = _props$multiline === void 0 ? true : _props$multiline,
+      _props$parse = props.parse,
+      parse = _props$parse === void 0 ? true : _props$parse,
+      rest = (0, _objectWithoutProperties2["default"])(props, _excluded); // const errorobj = { message: errortext }
+
+  var validateJSON = function validateJSON(value) {
+    if (!value || (0, _typeof2["default"])(value) === 'object') return undefined;
+    return (0, _isJSON["default"])(value) ? undefined : errortext;
+  };
+
+  validate.push(validateJSON);
+  rest.validate = validate;
+
+  var formatJSON = function formatJSON(json) {
+    var retval = json;
+    if (retval && (0, _typeof2["default"])(retval) === 'object') retval = JSON.stringify(retval, null, 2);
+    return retval;
+  };
+
+  rest.format = formatJSON; //
+
+  if (parse) rest.parse = parseFunction;
+  if (multiline) rest.multiline = true;
+  return /*#__PURE__*/_react["default"].createElement(_reactAdmin.TextInput, rest);
+}

package/dist/resources.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactAdmin = require("react-admin");
+
+var icons = _interopRequireWildcard(require("@mui/icons-material"));
+
+var _utils = require("./utils");
+
+require("./views/list.jsx");
+
+require("./views/show.jsx");
+
+require("./views/edit.jsx");
+
+require("./views/create.jsx");
+
+var _excluded = ["create", "edit", "icon", "list", "name", "show"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+// Initialize Resources Components
+(0, _utils.setupAdmin)('resources', function (resources) {
+  return resources.map(function (res) {
+    return (0, _utils.processAdmin)('resource', res, res.name);
+  });
+}); // Initialize a resource's component
+
+(0, _utils.setupAdmin)('resource', (0, _utils.checkParams)(function (props, res) {
+  var create = props.create,
+      edit = props.edit,
+      icon = props.icon,
+      list = props.list,
+      name = props.name,
+      show = props.show,
+      resProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_reactAdmin.Resource, (0, _extends2["default"])({
+    key: name,
+    name: name,
+    icon: icons[icon],
+    create: (0, _utils.processAdmin)('create', create, res),
+    edit: (0, _utils.processAdmin)('edit', edit, res),
+    list: (0, _utils.processAdmin)('list', list, res),
+    show: (0, _utils.processAdmin)('show', show, res)
+  }, resProps));
+}));

package/dist/ui.js

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactAdmin = require("react-admin");
+
+var _AvatarField = _interopRequireDefault(require("./fields/AvatarField.jsx"));
+
+var _FKField = _interopRequireDefault(require("./fields/FKField.jsx"));
+
+var _FKInput = _interopRequireDefault(require("./inputs/FKInput.jsx"));
+
+var _JsonField = _interopRequireDefault(require("./fields/JsonField.jsx"));
+
+var _JsonInput = _interopRequireDefault(require("./inputs/JsonInput.jsx"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var ui = {
+  // Fields
+  BooleanField: _reactAdmin.BooleanField,
+  ChipField: _reactAdmin.ChipField,
+  DateField: _reactAdmin.DateField,
+  EmailField: _reactAdmin.EmailField,
+  ImageField: _reactAdmin.ImageField,
+  FileField: _reactAdmin.FileField,
+  NumberField: _reactAdmin.NumberField,
+  RichTextField: _reactAdmin.RichTextField,
+  TextField: _reactAdmin.TextField,
+  UrlField: _reactAdmin.UrlField,
+  SelectField: _reactAdmin.SelectField,
+  ArrayField: _reactAdmin.ArrayField,
+  ReferenceField: _reactAdmin.ReferenceField,
+  ReferenceManyField: _reactAdmin.ReferenceManyField,
+  ReferenceArrayField: _reactAdmin.ReferenceArrayField,
+  AvatarField: _AvatarField["default"],
+  JsonField: _JsonField["default"],
+  FKField: _FKField["default"],
+  // Inputs
+  BooleanInput: _reactAdmin.BooleanInput,
+  NullableBooleanInput: _reactAdmin.NullableBooleanInput,
+  DateInput: _reactAdmin.DateInput,
+  DateTimeInput: _reactAdmin.DateTimeInput,
+  ImageInput: _reactAdmin.ImageInput,
+  FileInput: _reactAdmin.FileInput,
+  NumberInput: _reactAdmin.NumberInput,
+  PasswordInput: _reactAdmin.PasswordInput,
+  TextInput: _reactAdmin.TextInput,
+  AutocompleteInput: _reactAdmin.AutocompleteInput,
+  RadioButtonGroupInput: _reactAdmin.RadioButtonGroupInput,
+  SelectInput: _reactAdmin.SelectInput,
+  ArrayInput: _reactAdmin.ArrayInput,
+  AutocompleteArrayInput: _reactAdmin.AutocompleteArrayInput,
+  CheckboxGroupInput: _reactAdmin.CheckboxGroupInput,
+  ReferenceArrayInput: _reactAdmin.ReferenceArrayInput,
+  ReferenceInput: _reactAdmin.ReferenceInput,
+  JsonInput: _JsonInput["default"],
+  FKInput: _FKInput["default"]
+};
+
+var initRAItems = function initRAItems(itemsProps) {
+  return itemsProps.map(function (item) {
+    var _props$fullWidth;
+
+    var Item = ui[item[0]],
+        props = _objectSpread({}, item[1]);
+
+    if (props.required) {
+      props.validate = (0, _reactAdmin.required)();
+      delete props.required;
+    }
+
+    props.fullWidth = (_props$fullWidth = props.fullWidth) !== null && _props$fullWidth !== void 0 ? _props$fullWidth : true;
+    if (props.children) props.children = initRAItems(props.children)[0];
+    return /*#__PURE__*/_react["default"].createElement(Item, (0, _extends2["default"])({
+      key: props.source
+    }, props));
+  });
+};
+
+var _default = initRAItems;
+exports["default"] = _default;

package/dist/utils.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setupAdmin = exports.requestHeaders = exports.processAdmin = exports.makeRequest = exports.checkParams = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = require("react");
+
+var _raCore = require("ra-core");
+
+var _queryString = require("query-string");
+
+var _excluded = ["data", "query"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var parts = {};
+
+var setupAdmin = function setupAdmin(part, gen) {
+  return parts[part] = gen;
+};
+
+exports.setupAdmin = setupAdmin;
+
+var checkParams = function checkParams(fn) {
+  return function (props, res) {
+    if (!props || /*#__PURE__*/(0, _react.isValidElement)(props)) return props;
+    return fn(props, res);
+  };
+};
+
+exports.checkParams = checkParams;
+
+var processAdmin = function processAdmin(type, props, res) {
+  if (process.env.NODE_ENV == 'development') console.log("".concat(type).concat(res ? '-' + res : ''), props);
+  if (parts["".concat(type, "-").concat(res)]) return parts["".concat(type, "-").concat(res)](props, res);
+  if (parts[type]) return parts[type](props, res);
+};
+
+exports.processAdmin = processAdmin;
+var requestHeaders = {};
+exports.requestHeaders = requestHeaders;
+
+var makeRequest = function makeRequest(url, params) {
+  var _ref = params || {},
+      data = _ref.data,
+      query = _ref.query,
+      opts = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+
+  if (data) opts.body = JSON.stringify(data);
+  if (query) url = "".concat(url, "?").concat((0, _queryString.stringify)(query));
+  opts = _objectSpread(_objectSpread({}, opts), {}, {
+    headers: new Headers(_objectSpread(_objectSpread({}, requestHeaders), opts.headers))
+  });
+  return _raCore.fetchUtils.fetchJson(url, opts);
+};
+
+exports.makeRequest = makeRequest;

package/dist/views/create.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactAdmin = require("react-admin");
+
+var _ui = _interopRequireDefault(require("../ui.jsx"));
+
+var _utils = require("../utils");
+
+// Initialize a create component
+(0, _utils.setupAdmin)('create', (0, _utils.checkParams)(function (inputs, res) {
+  return function MACreate(props) {
+    var Actions = /*#__PURE__*/_react["default"].createElement(_reactAdmin.TopToolbar, null, /*#__PURE__*/_react["default"].createElement(_reactAdmin.ListButton, null));
+
+    return /*#__PURE__*/_react["default"].createElement(_reactAdmin.Create, (0, _extends2["default"])({
+      actions: Actions
+    }, props), /*#__PURE__*/_react["default"].createElement(_reactAdmin.SimpleForm, null, (0, _utils.processAdmin)('create-inputs', inputs, res)));
+  };
+}));
+(0, _utils.setupAdmin)('create-inputs', _ui["default"]);

package/dist/views/edit.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactAdmin = require("react-admin");
+
+var _ui = _interopRequireDefault(require("../ui.jsx"));
+
+var _utils = require("../utils");
+
+var _ActionButton = require("../buttons/ActionButton.jsx");
+
+var _excluded = ["basePath", "resource"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+// Initialize an edit component
+(0, _utils.setupAdmin)('edit', (0, _utils.checkParams)(function (_ref, res) {
+  var actions = _ref.actions,
+      inputs = _ref.inputs;
+  return function MAEdit(props) {
+    var Actions = function Actions(_ref2) {
+      var basePath = _ref2.basePath,
+          resource = _ref2.resource,
+          baseProps = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+      return /*#__PURE__*/_react["default"].createElement(_reactAdmin.TopToolbar, null, actions.map(function (props, idx) {
+        var aProps = _objectSpread(_objectSpread({
+          resource: resource,
+          basePath: basePath
+        }, baseProps), props);
+
+        return /*#__PURE__*/_react["default"].createElement(_ActionButton.ActionButton, (0, _extends2["default"])({
+          key: idx
+        }, aProps));
+      }), /*#__PURE__*/_react["default"].createElement(_reactAdmin.ListButton, null), /*#__PURE__*/_react["default"].createElement(_reactAdmin.ShowButton, null));
+    };
+
+    return /*#__PURE__*/_react["default"].createElement(_reactAdmin.Edit, (0, _extends2["default"])({
+      actions: /*#__PURE__*/_react["default"].createElement(Actions, null)
+    }, props), /*#__PURE__*/_react["default"].createElement(_reactAdmin.SimpleForm, null, (0, _utils.processAdmin)('edit-inputs', inputs, res)));
+  };
+}));
+(0, _utils.setupAdmin)('edit-inputs', _ui["default"]);

package/dist/views/list.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactAdmin = require("react-admin");
+
+var _uniq = _interopRequireDefault(require("lodash/uniq"));
+
+var _sortBy = _interopRequireDefault(require("lodash/sortBy"));
+
+var _ui = _interopRequireDefault(require("../ui.jsx"));
+
+var _utils = require("../utils");
+
+var _ActionButton = require("../buttons/ActionButton.jsx");
+
+var _excluded = ["children", "filters", "edit", "pagination", "show", "limit", "limitMax", "actions"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var defaultPagination = /*#__PURE__*/_react["default"].createElement(_reactAdmin.Pagination, {
+  rowsPerPageOptions: [10, 25, 50, 100]
+}); // Initiliaze a list component
+
+
+(0, _utils.setupAdmin)('list', (0, _utils.checkParams)(function (props, res) {
+  var children = props.children,
+      filters = props.filters,
+      edit = props.edit,
+      pagination = props.pagination,
+      show = props.show,
+      limit = props.limit,
+      limitMax = props.limitMax,
+      actions = props.actions,
+      listProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  children = (0, _utils.processAdmin)('list-fields', children, res);
+  if (edit) children.push( /*#__PURE__*/_react["default"].createElement(_reactAdmin.EditButton, {
+    key: "edit-button"
+  }));
+  pagination = pagination || /*#__PURE__*/_react["default"].createElement(_reactAdmin.Pagination, {
+    rowsPerPageOptions: (0, _sortBy["default"])((0, _uniq["default"])([10, 25, 50, 100, limit, limitMax]))
+  });
+  return function MAList(props) {
+    var Filters = function Filters(props) {
+      return /*#__PURE__*/_react["default"].createElement(_reactAdmin.Filter, props, (0, _utils.processAdmin)('list-filters', filters, res));
+    };
+
+    var Actions = (0, _utils.processAdmin)('list-bulkActions', actions);
+    props = _objectSpread(_objectSpread({}, props), listProps);
+    return /*#__PURE__*/_react["default"].createElement(_reactAdmin.List, (0, _extends2["default"])({
+      filters: /*#__PURE__*/_react["default"].createElement(Filters, null),
+      bulkActionButtons: /*#__PURE__*/_react["default"].createElement(Actions, null),
+      perPage: limit,
+      pagination: pagination || defaultPagination
+    }, props), /*#__PURE__*/_react["default"].createElement(_reactAdmin.Datagrid, {
+      rowClick: show ? 'show' : null
+    }, children));
+  };
+}));
+(0, _utils.setupAdmin)('list-bulkActions', function (actions) {
+  return function MABulkActions(props) {
+    var buttons = actions.map(function (action, idx) {
+      var aProps = _objectSpread(_objectSpread({}, action), props);
+
+      return /*#__PURE__*/_react["default"].createElement(_ActionButton.BulkActionButton, (0, _extends2["default"])({
+        key: idx
+      }, aProps));
+    });
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, buttons, /*#__PURE__*/_react["default"].createElement(_reactAdmin.BulkDeleteButton, props));
+  };
+});
+(0, _utils.setupAdmin)('list-filters', _ui["default"]);
+(0, _utils.setupAdmin)('list-fields', _ui["default"]);

package/dist/views/show.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactAdmin = require("react-admin");
+
+var _ui = _interopRequireDefault(require("../ui.jsx"));
+
+var _utils = require("../utils");
+
+var _ActionButton = require("../buttons/ActionButton.jsx");
+
+// Initiliaze a show component
+(0, _utils.setupAdmin)('show', (0, _utils.checkParams)(function (_ref, resource) {
+  var actions = _ref.actions,
+      fields = _ref.fields;
+  return function MAShow(props) {
+    var Actions = function Actions() {
+      return /*#__PURE__*/_react["default"].createElement(_reactAdmin.TopToolbar, null, actions.map(function (props, idx) {
+        return /*#__PURE__*/_react["default"].createElement(_ActionButton.ActionButton, (0, _extends2["default"])({
+          key: idx,
+          resource: resource
+        }, props));
+      }), /*#__PURE__*/_react["default"].createElement(_reactAdmin.ListButton, null), /*#__PURE__*/_react["default"].createElement(_reactAdmin.EditButton, null));
+    };
+
+    return /*#__PURE__*/_react["default"].createElement(_reactAdmin.Show, (0, _extends2["default"])({
+      actions: /*#__PURE__*/_react["default"].createElement(Actions, null)
+    }, props), /*#__PURE__*/_react["default"].createElement(_reactAdmin.SimpleShowLayout, null, (0, _utils.processAdmin)('show-fields', fields, resource)));
+  };
+}));
+(0, _utils.setupAdmin)('show-fields', _ui["default"]);

package/dist/web.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+Object.defineProperty(exports, "processAdmin", {
+  enumerable: true,
+  get: function get() {
+    return _utils.processAdmin;
+  }
+});
+Object.defineProperty(exports, "setupAdmin", {
+  enumerable: true,
+  get: function get() {
+    return _utils.setupAdmin;
+  }
+});
+
+var _client = require("react-dom/client");
+
+var _utils = require("./utils.js");
+
+require("./admin.jsx");
+
+var initAdmin = globalThis.initAdmin = function (props) {
+  var container = document.getElementById('root');
+  var root = (0, _client.createRoot)(container);
+  root.render((0, _utils.processAdmin)('admin', props));
+};
+
+var _default = initAdmin;
+exports["default"] = _default;

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "muffin-admin",
-  "version": "1.30.0",
+  "version": "1.31.0",
   "description": "NPM package for https://github.com/klen/muffin-admin",
-  "main": "index.js",
-  "module": "index.js",
+  "main": "dist/index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
@@ -27,6 +26,7 @@
     "validator": "^13.7.0"
   },
   "devDependencies": {
+    "@babel/cli": "^7.17.10",
     "@babel/core": "^7.17.8",
     "@babel/eslint-parser": "^7.17.0",
     "@babel/plugin-transform-runtime": "^7.17.0",
@@ -37,5 +37,14 @@
     "webpack": "^5.24.4",
     "webpack-cli": "^4.9.1",
     "webpack-dev-server": "^4.3.1"
+  },
+  "babel": {
+    "presets": [
+      "@babel/preset-env",
+      "@babel/preset-react"
+    ],
+    "plugins": [
+      "@babel/plugin-transform-runtime"
+    ]
   }
 }

package/webpack.config.js

@@ -3,7 +3,7 @@ const path = require('path'),
   mode = process.env.NODE_ENV
 
 module.exports = {
-  entry: '.',
+  entry: './src/web',
 
   output: {
     filename: 'main.js',
@@ -14,13 +14,10 @@ module.exports = {
   module: {
     rules: [
       {
-        test: /\.jsx$/,
+        test: /\.jsx?$/,
+        exclude: /node_modules/,
         use: {
           loader: 'babel-loader',
-          options: {
-            presets: ['@babel/preset-env', '@babel/preset-react'],
-            plugins: ['@babel/plugin-transform-runtime'],
-          },
         },
       },
     ],

package/.babelrc

@@ -1,5 +0,0 @@
-{
-  "presets": [
-    "@babel/preset-react"
-  ]
-}

package/admin.jsx

@@ -1,60 +0,0 @@
-import React from 'react'
-
-import { Admin, AppBar, Layout, Login } from 'react-admin'
-import { IconButton, SvgIcon, Tooltip, Typography } from '@mui/material'
-import * as icons from '@mui/icons-material'
-
-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} />}
-      {...adminProps}
-    >
-      {processAdmin('resources', resources)}
-    </Admin>
-  )
-})
-
-// Initialize authentication and data providers
-setupAdmin('auth', authProvider)
-setupAdmin('data', dataProvider)
-
-// Initialize login page
-setupAdmin('login', () => Login)