xladmin-import-export 0.1.2 → 0.3.0

package/README.md

@@ -3,7 +3,7 @@
     <img src="https://img.shields.io/badge/English-blue?style=for-the-badge" alt="English">
   </a>
   <a href="./docs/README.ru.md">
-    <img src="https://img.shields.io/badge/%D0%A0%D1%83%D1%81%D1%81%D0%BA%D0%B8%D0%B9-red?style=for-the-badge" alt="Русский">
+    <img src="https://img.shields.io/badge/%D0%A0%D1%83%D1%81%D1%81%D0%BA%D0%B8%D0%B9-red?style=for-the-badge" alt="Russian">
   </a>
 </div>
 
@@ -21,7 +21,7 @@ Optional frontend extension for `xladmin` that adds import/export actions to mod
 ## Install
 
 ```bash
-npm i xladmin xladmin-import-export
+npm install xladmin xladmin-import-export
 ```
 
 ## Minimal Example
@@ -53,3 +53,8 @@ npm run test --workspace ./packages/xladmin-import-export
 npm run check --workspace ./packages/xladmin-import-export
 npm run build --workspace ./packages/xladmin-import-export
 ```
+
+## Docs
+
+- [npm package](https://www.npmjs.com/package/xladmin-import-export)
+- [Monorepo README](../../../README.md)

package/dist/index.js

@@ -266,10 +266,11 @@ function ModelImportExportActions({ client, context }) {
     return null;
   }
   const exportCount = context.selectionCount > 0 ? context.selectionCount : context.total;
+  const canImport = context.meta.slug === context.slug && meta.model_slug === context.slug && context.meta.read_only === false && meta.import_formats.length > 0;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 0.5, alignItems: "center", children: [
-      /* @__PURE__ */ jsx(Tooltip, { title: messages.exportButton, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => setExportOpen(true), disabled: Boolean(error), children: /* @__PURE__ */ jsx(DownloadIcon, { fontSize: "small" }) }) }) }),
-      /* @__PURE__ */ jsx(Tooltip, { title: messages.importButton, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => setImportOpen(true), disabled: Boolean(error), children: /* @__PURE__ */ jsx(UploadIcon, { fontSize: "small" }) }) }) })
+    /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 0.5, sx: { alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx(Tooltip, { title: messages.exportButton, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, { size: "small", "aria-label": messages.exportButton, onClick: () => setExportOpen(true), disabled: Boolean(error), children: /* @__PURE__ */ jsx(DownloadIcon, { fontSize: "small" }) }) }) }),
+      canImport ? /* @__PURE__ */ jsx(Tooltip, { title: messages.importButton, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, { size: "small", "aria-label": messages.importButton, onClick: () => setImportOpen(true), disabled: Boolean(error), children: /* @__PURE__ */ jsx(UploadIcon, { fontSize: "small" }) }) }) }) : null
     ] }),
     /* @__PURE__ */ jsxs(Dialog, { open: exportOpen, onClose: () => !isExporting && setExportOpen(false), fullWidth: true, maxWidth: "md", children: [
       /* @__PURE__ */ jsx(DialogTitle, { sx: { px: 3, pt: 3, pb: 1 }, children: messages.exportTitle }),
@@ -324,7 +325,7 @@ function ModelImportExportActions({ client, context }) {
     /* @__PURE__ */ jsxs(
       Dialog,
       {
-        open: importOpen,
+        open: importOpen && canImport,
         onClose: () => !isValidating && !isImporting && setImportOpen(false),
         fullWidth: true,
         maxWidth: "md",
@@ -413,12 +414,12 @@ function ModelImportExportActions({ client, context }) {
                 noneLabel: messages.clearFields
               }
             ),
-            /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
+            /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, sx: { alignItems: "center" }, children: [
               /* @__PURE__ */ jsx(
                 Button,
                 {
                   variant: "outlined",
-                  onClick: () => void handleValidateImport({
+                  onClick: () => canImport && void handleValidateImport({
                     client,
                     slug: context.slug,
                     file: importFile,
@@ -429,7 +430,7 @@ function ModelImportExportActions({ client, context }) {
                     setValidationResult,
                     setValidationError
                   }),
-                  disabled: !importFile || selectedImportFields.length === 0 || isValidating || isImporting,
+                  disabled: !canImport || !importFile || selectedImportFields.length === 0 || isValidating || isImporting,
                   children: messages.validate
                 }
               ),
@@ -450,7 +451,7 @@ function ModelImportExportActions({ client, context }) {
               Button,
               {
                 variant: "contained",
-                onClick: () => void handleCommitImport({
+                onClick: () => canImport && void handleCommitImport({
                   client,
                   slug: context.slug,
                   file: importFile,
@@ -467,7 +468,7 @@ function ModelImportExportActions({ client, context }) {
                   },
                   messages
                 }),
-                disabled: !importFile || !validationResult || validationResult.summary.errors > 0 || isImporting,
+                disabled: !canImport || !importFile || !validationResult || validationResult.summary.errors > 0 || isImporting,
                 children: isImporting ? messages.importing : messages.confirmImport
               }
             )
@@ -486,7 +487,7 @@ function FieldsSelector({
   noneLabel
 }) {
   return /* @__PURE__ */ jsxs(Stack, { children: [
-    /* @__PURE__ */ jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [
+    /* @__PURE__ */ jsxs(Stack, { direction: "row", sx: { justifyContent: "space-between", alignItems: "center" }, children: [
       /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: title }),
       /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
         /* @__PURE__ */ jsx(Button, { size: "small", onClick: () => onChange(fields.map((field) => field.name)), children: allLabel }),
@@ -520,7 +521,7 @@ function FieldsSelector({
                 }
               }
             ),
-            label: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 0.75, alignItems: "center", sx: { minHeight: 24 }, children: [
+            label: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 0.75, sx: { minHeight: 24, alignItems: "center" }, children: [
               /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { lineHeight: 1.35 }, children: field.label }),
               field.label !== field.name ? /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", sx: { lineHeight: 1.2 }, children: field.name }) : null
             ] })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xladmin-import-export",
-  "version": "0.1.2",
+  "version": "0.3.0",
   "description": "Optional import/export extension for xladmin.",
   "license": "MIT",
   "type": "module",
@@ -38,12 +38,12 @@
   "peerDependencies": {
     "@emotion/react": ">=11.14.0 <12.0.0",
     "@emotion/styled": ">=11.14.0 <12.0.0",
-    "@mui/icons-material": ">=7.0.0 <8.0.0",
-    "@mui/material": ">=7.0.0 <8.0.0",
+    "@mui/icons-material": ">=9.0.0 <10.0.0",
+    "@mui/material": ">=9.0.0 <10.0.0",
     "axios": ">=1.0.0 <2.0.0",
     "react": ">=19.0.0 <20.0.0",
     "react-dom": ">=19.0.0 <20.0.0",
-    "xladmin": ">=0.2.8 <1.0.0"
+    "xladmin": "^0.10.0"
   },
   "peerDependenciesMeta": {
     "axios": {