@lidofinance/lido-ui 3.4.1 → 3.5.0

package/dist/cjs/addressBadge/AddressBadge.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _hooks = require("../hooks/index");
+const _addressBadgeStyles = require("./AddressBadgeStyles");
+function AddressBadge(props, ref) {
+    const { address , symbolsMobile =3 , symbolsDesktop =6  } = props;
+    const isMobile = (0, _hooks.useBreakpoint)('md');
+    return /*#__PURE__*/ _react.default.createElement(_addressBadgeStyles.AddressBadgeStyle, {
+        symbols: isMobile ? symbolsMobile : symbolsDesktop,
+        address: address !== null && address !== void 0 ? address : '',
+        ref: ref
+    });
+}
+const _default = /*#__PURE__*/ (0, _react.forwardRef)(AddressBadge);
+
+//# sourceMappingURL=AddressBadge.js.map

package/dist/cjs/addressBadge/AddressBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/addressBadge/AddressBadge.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { useBreakpoint } from '@lidofinance/hooks'\nimport { AddressBadgeStyle } from './AddressBadgeStyles'\nimport { AddressBadgeProps } from './types'\n\nfunction AddressBadge(\n  props: AddressBadgeProps,\n  ref?: ForwardedRef<HTMLDivElement>\n) {\n  const { address, symbolsMobile = 3, symbolsDesktop = 6 } = props\n  const isMobile = useBreakpoint('md')\n\n  return (\n    <AddressBadgeStyle\n      symbols={isMobile ? symbolsMobile : symbolsDesktop}\n      address={address ?? ''}\n      ref={ref}\n    />\n  )\n}\n\nexport default forwardRef(AddressBadge)\n"],"names":["AddressBadge","props","ref","address","symbolsMobile","symbolsDesktop","isMobile","useBreakpoint","AddressBadgeStyle","symbols","forwardRef"],"mappings":"AAAA;;;;+BAqBA,SAAuC;;aAAvC,QAAuC;;;6DArBS,OAAO;uBACzB,gBAAoB;oCAChB,sBAAsB;AAGxD,SAASA,YAAY,CACnBC,KAAwB,EACxBC,GAAkC,EAClC;IACA,MAAM,EAAEC,OAAO,CAAA,EAAEC,aAAa,EAAG,CAAC,CAAA,EAAEC,cAAc,EAAG,CAAC,CAAA,EAAE,GAAGJ,KAAK;IAChE,MAAMK,QAAQ,GAAGC,IAAAA,MAAa,cAAA,EAAC,IAAI,CAAC;IAEpC,qBACE,6BAACC,mBAAiB,kBAAA;QAChBC,OAAO,EAAEH,QAAQ,GAAGF,aAAa,GAAGC,cAAc;QAClDF,OAAO,EAAEA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,EAAE;QACtBD,GAAG,EAAEA,GAAG;MACR,CACH;AACH,CAAC;MAED,QAAuC,iBAAxBQ,IAAAA,MAAU,WAAA,EAACV,YAAY,CAAC"}

package/dist/cjs/addressBadge/AddressBadgeStyles.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "AddressBadgeStyle", {
+    enumerable: true,
+    get: ()=>AddressBadgeStyle
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _identicon = require("../identicon/index");
+const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
+const AddressBadgeStyle = (0, _styledComponents.default)(_identicon.IdenticonBadge)`
+  max-width: 100%;
+  box-sizing: border-box;
+  overflow: hidden;
+  & > * {
+    flex-shrink: 0;
+  }
+  & > :first-child {
+    flex-shrink: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+`;
+
+//# sourceMappingURL=AddressBadgeStyles.js.map

package/dist/cjs/addressBadge/AddressBadgeStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/addressBadge/AddressBadgeStyles.tsx"],"sourcesContent":["import { IdenticonBadge } from '@lidofinance/identicon'\nimport styled from 'styled-components'\n\nexport const AddressBadgeStyle = styled(IdenticonBadge)`\n  max-width: 100%;\n  box-sizing: border-box;\n  overflow: hidden;\n  & > * {\n    flex-shrink: 0;\n  }\n  & > :first-child {\n    flex-shrink: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n`\n"],"names":["AddressBadgeStyle","styled","IdenticonBadge"],"mappings":"AAAA;;;;+BAGaA,mBAAiB;;aAAjBA,iBAAiB;;;2BAHC,oBAAwB;uEACpC,mBAAmB;AAE/B,MAAMA,iBAAiB,GAAGC,IAAAA,iBAAM,QAAA,EAACC,UAAc,eAAA,CAAC,CAAC;;;;;;;;;;;;AAYxD,CAAC"}

package/dist/cjs/addressBadge/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=types.js.map

package/dist/cjs/addressBadge/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/addressBadge/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\n\nexport type AddressBadgeProps = LidoComponentProps<\n  'div',\n  {\n    address?: string\n    symbolsMobile?: number\n    symbolsDesktop?: number\n  }\n>\n"],"names":[],"mappings":"AAAA"}

package/dist/esm/addressBadge/AddressBadge.js

@@ -0,0 +1,15 @@
+import React, { forwardRef } from "react";
+import { useBreakpoint } from "../hooks/index";
+import { AddressBadgeStyle } from "./AddressBadgeStyles";
+function AddressBadge(props, ref) {
+    const { address , symbolsMobile =3 , symbolsDesktop =6  } = props;
+    const isMobile = useBreakpoint('md');
+    return /*#__PURE__*/ React.createElement(AddressBadgeStyle, {
+        symbols: isMobile ? symbolsMobile : symbolsDesktop,
+        address: address !== null && address !== void 0 ? address : '',
+        ref: ref
+    });
+}
+export default /*#__PURE__*/ forwardRef(AddressBadge);
+
+//# sourceMappingURL=AddressBadge.js.map

package/dist/esm/addressBadge/AddressBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/addressBadge/AddressBadge.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { useBreakpoint } from '@lidofinance/hooks'\nimport { AddressBadgeStyle } from './AddressBadgeStyles'\nimport { AddressBadgeProps } from './types'\n\nfunction AddressBadge(\n  props: AddressBadgeProps,\n  ref?: ForwardedRef<HTMLDivElement>\n) {\n  const { address, symbolsMobile = 3, symbolsDesktop = 6 } = props\n  const isMobile = useBreakpoint('md')\n\n  return (\n    <AddressBadgeStyle\n      symbols={isMobile ? symbolsMobile : symbolsDesktop}\n      address={address ?? ''}\n      ref={ref}\n    />\n  )\n}\n\nexport default forwardRef(AddressBadge)\n"],"names":["React","forwardRef","useBreakpoint","AddressBadgeStyle","AddressBadge","props","ref","address","symbolsMobile","symbolsDesktop","isMobile","symbols"],"mappings":"AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,aAAa,QAAQ,gBAAoB,CAAA;AAClD,SAASC,iBAAiB,QAAQ,sBAAsB,CAAA;AAGxD,SAASC,YAAY,CACnBC,KAAwB,EACxBC,GAAkC,EAClC;IACA,MAAM,EAAEC,OAAO,CAAA,EAAEC,aAAa,EAAG,CAAC,CAAA,EAAEC,cAAc,EAAG,CAAC,CAAA,EAAE,GAAGJ,KAAK;IAChE,MAAMK,QAAQ,GAAGR,aAAa,CAAC,IAAI,CAAC;IAEpC,qBACE,oBAACC,iBAAiB;QAChBQ,OAAO,EAAED,QAAQ,GAAGF,aAAa,GAAGC,cAAc;QAClDF,OAAO,EAAEA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,EAAE;QACtBD,GAAG,EAAEA,GAAG;MACR,CACH;AACH,CAAC;AAED,6BAAeL,UAAU,CAACG,YAAY,CAAC,CAAA"}

package/dist/esm/addressBadge/AddressBadgeStyles.js

@@ -0,0 +1,17 @@
+import { IdenticonBadge } from "../identicon/index";
+import styled from "styled-components";
+export const AddressBadgeStyle = styled(IdenticonBadge)`
+  max-width: 100%;
+  box-sizing: border-box;
+  overflow: hidden;
+  & > * {
+    flex-shrink: 0;
+  }
+  & > :first-child {
+    flex-shrink: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+`;
+
+//# sourceMappingURL=AddressBadgeStyles.js.map

package/dist/esm/addressBadge/AddressBadgeStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/addressBadge/AddressBadgeStyles.tsx"],"sourcesContent":["import { IdenticonBadge } from '@lidofinance/identicon'\nimport styled from 'styled-components'\n\nexport const AddressBadgeStyle = styled(IdenticonBadge)`\n  max-width: 100%;\n  box-sizing: border-box;\n  overflow: hidden;\n  & > * {\n    flex-shrink: 0;\n  }\n  & > :first-child {\n    flex-shrink: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n`\n"],"names":["IdenticonBadge","styled","AddressBadgeStyle"],"mappings":"AAAA,SAASA,cAAc,QAAQ,oBAAwB,CAAA;AACvD,OAAOC,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,MAAMC,iBAAiB,GAAGD,MAAM,CAACD,cAAc,CAAC,CAAC;;;;;;;;;;;;AAYxD,CAAC,CAAA"}

package/dist/esm/addressBadge/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/esm/addressBadge/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../packages/addressBadge/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\n\nexport type AddressBadgeProps = LidoComponentProps<\n  'div',\n  {\n    address?: string\n    symbolsMobile?: number\n    symbolsDesktop?: number\n  }\n>\n"],"names":[],"mappings":"AAAA,WASC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lidofinance/lido-ui",
-  "version": "3.4.1",
+  "version": "3.5.0",
   "homepage": "https://github.com/lidofinance/ui",
   "repository": {
     "type": "git",