@arcblock/ux 2.10.49 → 2.10.50

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.
@@ -1,6 +1,7 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { useSize } from 'ahooks';
3
3
  import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
4
+ import { Box } from '@mui/material';
4
5
  import { styled } from '../Theme';
5
6
  import DidAddress from './did-address';
6
7
 
@@ -60,7 +61,7 @@ const ResponsiveDidAddress = /*#__PURE__*/forwardRef(({
60
61
  });
61
62
  });
62
63
  export default ResponsiveDidAddress;
63
- const Root = styled('div')`
64
+ const Root = styled(Box)`
64
65
  display: block;
65
66
  overflow: hidden;
66
67
  ${({
package/lib/DID/index.js CHANGED
@@ -83,7 +83,10 @@ const DID = /*#__PURE__*/forwardRef((props, ref) => {
83
83
  append = null,
84
84
  compact = false,
85
85
  startChars = 6,
86
- endChars = 6
86
+ endChars = 6,
87
+ style,
88
+ className,
89
+ sx
87
90
  } = props;
88
91
  const rest = {
89
92
  size,
@@ -95,7 +98,10 @@ const DID = /*#__PURE__*/forwardRef((props, ref) => {
95
98
  append,
96
99
  compact,
97
100
  startChars,
98
- endChars
101
+ endChars,
102
+ style,
103
+ className,
104
+ sx
99
105
  };
100
106
  const addressRef = useRef(null);
101
107
  const t = useMemoizedFn((key, data = {}) => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arcblock/ux",
3
- "version": "2.10.49",
3
+ "version": "2.10.50",
4
4
  "description": "Common used react components for arcblock products",
5
5
  "keywords": [
6
6
  "react",
@@ -64,12 +64,12 @@
64
64
  "react": ">=18.2.0",
65
65
  "react-router-dom": ">=6.22.3"
66
66
  },
67
- "gitHead": "206b3e502e292b9ad87f8f9d47efd7d5dc49ac28",
67
+ "gitHead": "45f18af9a51b6bcc346c626341942b8cf4fad994",
68
68
  "dependencies": {
69
69
  "@arcblock/did-motif": "^1.1.13",
70
- "@arcblock/icons": "^2.10.49",
71
- "@arcblock/nft-display": "^2.10.49",
72
- "@arcblock/react-hooks": "^2.10.49",
70
+ "@arcblock/icons": "^2.10.50",
71
+ "@arcblock/nft-display": "^2.10.50",
72
+ "@arcblock/react-hooks": "^2.10.50",
73
73
  "@babel/plugin-syntax-dynamic-import": "^7.8.3",
74
74
  "@fontsource/inter": "^5.0.16",
75
75
  "@fontsource/ubuntu-mono": "^5.0.18",
@@ -1,7 +1,7 @@
1
1
  import { useSize } from 'ahooks';
2
2
  import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
3
+ import { Box } from '@mui/material';
3
4
  import { styled } from '../Theme';
4
-
5
5
  import DidAddress, { HTMLDidAddressElement, IDidAddressProps } from './did-address';
6
6
 
7
7
  /**
@@ -66,7 +66,7 @@ export interface IResponsiveDidAddressProps extends IDidAddressProps {
66
66
  component?: React.ElementType;
67
67
  }
68
68
 
69
- const Root = styled('div')`
69
+ const Root = styled(Box)`
70
70
  display: block;
71
71
  overflow: hidden;
72
72
  ${({ inline }: any) =>
package/src/DID/index.tsx CHANGED
@@ -119,6 +119,9 @@ const DID = forwardRef<HTMLDIDElement, IDIDPropTypes>((props, ref) => {
119
119
  compact = false,
120
120
  startChars = 6,
121
121
  endChars = 6,
122
+ style,
123
+ className,
124
+ sx,
122
125
  } = props;
123
126
 
124
127
  const rest = {
@@ -132,6 +135,9 @@ const DID = forwardRef<HTMLDIDElement, IDIDPropTypes>((props, ref) => {
132
135
  compact,
133
136
  startChars,
134
137
  endChars,
138
+ style,
139
+ className,
140
+ sx,
135
141
  };
136
142
 
137
143
  const addressRef = useRef<any>(null);