npm - @abtnode/ux - Versions diffs - 1.16.33 → 1.16.34-beta-20241120-080738-bbbe036c - Mend

@abtnode/ux 1.16.33 → 1.16.34-beta-20241120-080738-bbbe036c

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/lib/blocklet/actions.js +1 -2
package/lib/blocklet/did-spaces/index.js +64 -36
package/lib/blocklet/did-spaces/storage/index.js +1 -0
package/lib/blocklet/disk-info.js +1 -1
package/lib/store/add.js +1 -0
package/lib/store/delete.js +2 -1
package/lib/store/item.js +1 -0
package/package.json +8 -8

package/lib/blocklet/actions.js CHANGED Viewed

@@ -381,8 +381,7 @@ function BlockletActions({
       }
     }),
     name: t('sidebar.dashboard'),
-    handler: handleOpenDashboard,
-    disabled: disableStart || blocklet.status !== 'running'
+    handler: handleOpenDashboard
   } : null].filter(Boolean);
   if (tab === EXTERNAL) {
     // eslint-disable-next-line no-return-assign

package/lib/blocklet/did-spaces/index.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import PropTypes from 'prop-types';
 import { useCreation } from 'ahooks';
 import { useSearchParams } from 'react-router-dom';
 import { Grid, Box, Stack, styled } from '@mui/material';
@@ -11,7 +12,10 @@ import useMobile from '../../hooks/use-mobile';
 import BlockletBackup from './backup';
 import BlockletStorage from './storage';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function BlockletDIDSpaces() {
+export default function BlockletDIDSpaces({
+  navOrientation,
+  ...rest
+}) {
   const {
     t,
     locale
@@ -25,6 +29,7 @@ export default function BlockletDIDSpaces() {
   });
   const [searchParams, setSearchParams] = useSearchParams();
   const current = searchParams.get('tab') || 'backup';
+  const orientation = isMobile ? 'horizontal' : navOrientation;
   const tabs = useCreation(() => {
     const results = [{
       label: /*#__PURE__*/_jsxs(Stack, {
@@ -58,7 +63,7 @@ export default function BlockletDIDSpaces() {
       });
     }
     return results;
-  }, [locale]);
+  }, [locale, orientation]);
   const contentMaps = useCreation(() => ({
     backup: /*#__PURE__*/_jsx(BlockletBackup, {}),
     storage: /*#__PURE__*/_jsx(BlockletStorage, {})
@@ -79,45 +84,68 @@ export default function BlockletDIDSpaces() {
       children: content
     });
   }
-  return /*#__PURE__*/_jsxs(Grid, {
-    container: true,
-    spacing: 4,
-    columns: 24,
-    sx: {
-      marginTop: isMobile ? -6 : -4
-    },
-    children: [/*#__PURE__*/_jsx(Grid, {
-      item: true,
-      xs: 24,
-      md: 5,
-      lg: 4,
-      children: /*#__PURE__*/_jsx(Tabs, {
-        tabs: tabs,
-        current: current,
-        orientation: isMobile ? 'horizontal' : 'vertical',
-        onChange: onTabChange,
-        sx: [{
-          borderRight: 1,
-          height: '100%',
-          borderColor: 'divider'
-        }, isMobile && {
-          borderRight: 0
-        }]
+  const nav = /*#__PURE__*/_jsx(Tabs, {
+    tabs: tabs,
+    current: current,
+    orientation: orientation,
+    onChange: onTabChange,
+    sx: [{
+      borderRight: 1,
+      height: '100%',
+      borderColor: 'divider'
+    }, orientation === 'horizontal' && {
+      borderRight: 0
+    }]
+  });
+  if (orientation === 'vertical') {
+    return /*#__PURE__*/_jsx(Box, {
+      ...rest,
+      children: /*#__PURE__*/_jsxs(Grid, {
+        container: true,
+        columnSpacing: 4,
+        columns: 24,
+        sx: {
+          mt: -1
+        },
+        children: [/*#__PURE__*/_jsx(Grid, {
+          item: true,
+          md: 5,
+          lg: 4,
+          children: nav
+        }), /*#__PURE__*/_jsx(Grid, {
+          item: true,
+          md: 19,
+          lg: 20,
+          children: /*#__PURE__*/_jsx(ContentBox, {
+            sx: {
+              mt: 1
+            },
+            children: content
+          })
+        })]
       })
-    }), /*#__PURE__*/_jsx(Grid, {
-      item: true,
-      xs: 24,
-      md: 19,
-      lg: 20,
-      children: /*#__PURE__*/_jsx(ContentBox, {
+    });
+  }
+  if (orientation === 'horizontal') {
+    return /*#__PURE__*/_jsxs(Box, {
+      ...rest,
+      children: [nav, /*#__PURE__*/_jsx(ContentBox, {
+        sx: {
+          mt: 2
+        },
         children: content
-      })
-    })]
-  });
+      })]
+    });
+  }
 }
+BlockletDIDSpaces.propTypes = {
+  navOrientation: PropTypes.oneOf(['vertical', 'horizontal'])
+};
+BlockletDIDSpaces.defaultProps = {
+  navOrientation: 'vertical'
+};
 const ContentBox = styled(Box)`
   position: relative;
   min-height: 66vh;
-  height: 100%;
   overflow: hidden;
 `;

package/lib/blocklet/did-spaces/storage/index.js CHANGED Viewed

@@ -33,6 +33,7 @@ function Storage() {
   }
   return /*#__PURE__*/_jsxs(Box, {
     sx: {
+      maxWidth: 'md',
       position: 'relative'
     },
     children: [hasStorageEndpoint ? /*#__PURE__*/_jsx(Connected, {

package/lib/blocklet/disk-info.js CHANGED Viewed

@@ -21,7 +21,7 @@ export default function BlockletDiskInfo({
     actions
   } = useBlockletContext();
   useEffect(() => {
-    actions.refreshBlocklet({
+    actions?.refreshBlocklet({
       showError: false,
       attachDiskInfo: true
     });

package/lib/store/add.js CHANGED Viewed

@@ -133,6 +133,7 @@ export default function AddStore({
               autoComplete: "off",
               variant: "outlined",
               name: "url",
+              "data-cy": "add-blocklet-store-url",
               fullWidth: true,
               value: url,
               onChange: e => {

package/lib/store/delete.js CHANGED Viewed

@@ -43,7 +43,7 @@ export default function DeleteStore({
           scope
         }
       });
-      await blockletContext?.actions.refreshBlocklet();
+      await blockletContext?.actions?.refreshBlocklet();
       if (onDelete && typeof onDelete === 'function') {
         onDelete();
       }
@@ -81,6 +81,7 @@ export default function DeleteStore({
       onClick: onMenuItemClick,
       children: children
     }) : /*#__PURE__*/_jsx(Button, {
+      "data-cy": "store-action-delete",
       color: "primary",
       disabled: loading,
       onClick: onMenuItemClick,

package/lib/store/item.js CHANGED Viewed

@@ -378,6 +378,7 @@ export default function StoreItem({
         },
         size: "small",
         children: [/*#__PURE__*/_jsx(Button, {
+          "data-cy": "store-open-url",
           onClick: handleOpenUrl,
           children: /*#__PURE__*/_jsx(LaunchIcon, {
             sx: {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@abtnode/ux",
-  "version": "1.16.33",
+  "version": "1.16.34-beta-20241120-080738-bbbe036c",
   "description": "UX components shared across abtnode packages",
   "publishConfig": {
     "access": "public"
@@ -25,9 +25,9 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "Apache-2.0",
   "dependencies": {
-    "@abtnode/auth": "1.16.33",
-    "@abtnode/constant": "1.16.33",
-    "@abtnode/util": "1.16.33",
+    "@abtnode/auth": "1.16.34-beta-20241120-080738-bbbe036c",
+    "@abtnode/constant": "1.16.34-beta-20241120-080738-bbbe036c",
+    "@abtnode/util": "1.16.34-beta-20241120-080738-bbbe036c",
     "@ahooksjs/use-url-state": "^3.5.1",
     "@arcblock/did": "^1.18.139",
     "@arcblock/did-connect": "^2.10.65",
@@ -37,12 +37,12 @@
     "@arcblock/react-hooks": "^2.10.65",
     "@arcblock/terminal": "^2.10.65",
     "@arcblock/ux": "^2.10.65",
-    "@blocklet/constant": "1.16.33",
+    "@blocklet/constant": "1.16.34-beta-20241120-080738-bbbe036c",
     "@blocklet/did-space-react": "^0.5.65",
-    "@blocklet/js-sdk": "1.16.33",
+    "@blocklet/js-sdk": "1.16.34-beta-20241120-080738-bbbe036c",
     "@blocklet/launcher-layout": "2.10.65",
     "@blocklet/list": "^0.14.18",
-    "@blocklet/meta": "1.16.33",
+    "@blocklet/meta": "1.16.34-beta-20241120-080738-bbbe036c",
     "@blocklet/ui-react": "^2.10.65",
     "@blocklet/uploader": "0.1.51",
     "@emotion/react": "^11.10.4",
@@ -111,5 +111,5 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0"
   },
-  "gitHead": "f314706b7a6150adbf6bf700f06d2989981eaf1f"
+  "gitHead": "4bc345b51743e28a95bf09f7e0c0740838b39ad3"
 }