@matchain/matchid-sdk-react 0.1.47 → 0.1.48-alpha.0

package/dist/chunk-FFTS42UP.mjs

@@ -0,0 +1,112 @@
+import {
+  Button,
+  Drawer,
+  Field,
+  HashPanel_default,
+  Input,
+  Modal,
+  ModalDrawer,
+  ModalWithHeader,
+  Overlay,
+  Popover
+} from "./chunk-OBHKOOCD.mjs";
+import {
+  LoadingIcon_default
+} from "./chunk-A5D3NKTK.mjs";
+import {
+  __export
+} from "./chunk-J5LGTIGS.mjs";
+
+// src/ui/index.ts
+var ui_exports = {};
+__export(ui_exports, {
+  AlphaAvatar: () => AlphaAvatar,
+  Button: () => Button,
+  Drawer: () => Drawer,
+  Field: () => Field,
+  HashPanel: () => HashPanel_default,
+  Input: () => Input,
+  Modal: () => Modal,
+  ModalDrawer: () => ModalDrawer,
+  ModalWithHeader: () => ModalWithHeader,
+  Overlay: () => Overlay,
+  Popover: () => Popover,
+  Radio: () => Radio,
+  Switch: () => Switch
+});
+
+// src/ui/Switch/index.tsx
+import { jsx } from "react/jsx-runtime";
+function Switch({
+  size = "default",
+  checked = false,
+  loading = false,
+  onChange,
+  className,
+  disabled = false,
+  ...props
+}) {
+  const onClick = () => {
+    if (!disabled && !loading) {
+      onChange && onChange(!checked);
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { onClick, className: `matchid-switch matchid-switch-${size} ${checked ? "matchid-switch-checked" : ""} ${disabled ? "matchid-switch-disabled" : ""} ${loading ? "matchid-switch-loading" : ""}`, ...props, children: loading ? /* @__PURE__ */ jsx(LoadingIcon_default, { className: "matchid-switch-loading-icon", size: size == "default" ? 24 : 18, color: "var(--matchid-swicth-loading-color)" }) : /* @__PURE__ */ jsx("div", { className: "matchid-switch-ball" }) });
+}
+
+// src/ui/AlphaAvatar/index.tsx
+import { useMemo } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function AlphaAvatar({
+  name,
+  size = "default",
+  className = "",
+  style
+}) {
+  const avatar = useMemo(() => {
+    if (name) {
+      const char = name[0].toUpperCase();
+      if (char.match(/[a-zA-Z0-9]/)) {
+        return char;
+      }
+    }
+    return "";
+  }, [name]);
+  const numberSize = typeof size === "number" ? size : size === "sm" ? 24 : size === "default" ? 40 : 64;
+  return /* @__PURE__ */ jsx2("div", { className: `matchid-alpha-avatar ${className}`, style: {
+    width: numberSize,
+    height: numberSize,
+    fontSize: Math.ceil(numberSize / 2),
+    ...style
+  }, children: avatar });
+}
+
+// src/ui/Radio/index.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function Radio({
+  checked = false,
+  onChange,
+  size = 24,
+  color = "#FC802D",
+  className = "",
+  style = {}
+}) {
+  return /* @__PURE__ */ jsx3("div", { onClick: onChange, className: `matchid-radio ${className} ${checked ? "matchid-radio-checked" : ""}`, style: {
+    width: size,
+    height: size,
+    ...style,
+    // @ts-ignore
+    "--matchid-radio-checked": color
+  }, children: checked && /* @__PURE__ */ jsx3("div", { className: `matchid-radio-content`, style: {
+    width: Math.floor(size * 0.7),
+    height: Math.floor(size * 0.7)
+  } }) });
+}
+
+export {
+  Switch,
+  AlphaAvatar,
+  Radio,
+  ui_exports
+};
+//# sourceMappingURL=chunk-FFTS42UP.mjs.map

package/dist/chunk-FFTS42UP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/index.ts","../src/ui/Switch/index.tsx","../src/ui/AlphaAvatar/index.tsx","../src/ui/Radio/index.tsx"],"sourcesContent":["export { default as  Button } from './Button';\nexport { default as  Drawer } from './Drawer';\nexport { default as  Field } from './Field';\nexport { default as  HashPanel } from './HashPanel';\nexport { default as  Input } from './Input';\nexport { default as  Modal,ModalWithHeader } from './Modal';\nexport { default as  ModalDrawer } from './ModalDrawer';\nexport { default as  Overlay } from './Overlay';\nexport { default as  Popover } from './Popover';\nexport { default as  Switch } from './Switch';\nexport { default as  AlphaAvatar } from './AlphaAvatar';\nexport { default as  Radio } from './Radio';","import {UIProps} from \"../../types\";\nimport {LoadingIcon} from \"../../assets/icon\";\n\nexport default function Switch({\n    size=\"default\",\n    checked=false,\n    loading=false,\n    onChange,\n    className,\n    disabled=false,\n    ...props\n                               }:{\n    size?:\"default\"|\"sm\",\n    checked?:boolean,\n    loading?:boolean,\n    disabled?:boolean,\n    onChange?:(checked:boolean)=>void,\n}&UIProps){\n    const onClick = ()=>{\n        if(!disabled && !loading){\n            onChange && onChange(!checked)\n        }\n    }\n    return <div onClick={onClick} className={`matchid-switch matchid-switch-${size} ${checked ? \"matchid-switch-checked\":\"\"} ${disabled ? \"matchid-switch-disabled\":\"\"} ${loading ? \"matchid-switch-loading\":\"\"}`} {...props}>\n\n        {\n            loading ?\n                <LoadingIcon className=\"matchid-switch-loading-icon\" size={size==\"default\"?24:18} color=\"var(--matchid-swicth-loading-color)\"/> :\n                <div className={\"matchid-switch-ball\"}></div>\n        }\n    </div>\n}","import { useMemo} from \"react\";\nimport {UIProps} from \"../../types\";\n\nexport default function AlphaAvatar({\n                                        name,\n                                        size = \"default\", className = '',style}: {\n    name: string,\n    size?: number|\"sm\"|\"default\"|\"lg\",\n}&UIProps) {\n\n    const avatar = useMemo(()=>{\n        if (name) {\n            const char = name[0].toUpperCase()\n            if (char.match(/[a-zA-Z0-9]/)) {\n                return char\n            }\n        }\n        return ''\n    },[name])\n\n    const numberSize = typeof size === 'number' ? size : size === 'sm' ? 24 : size === 'default' ? 40 : 64\n    return <div className={`matchid-alpha-avatar ${className}`} style={{\n        width: numberSize,\n        height: numberSize,\n        fontSize: Math.ceil(numberSize / 2),\n        ...style\n    }}>\n        {avatar}\n    </div>\n}","import {CSSProperties} from \"react\";\n\nexport default function Radio({\n                                  checked = false,\n                                  onChange,\n                                  size = 24,\n                                  color = \"#FC802D\",\n                                  className = \"\",\n                                  style = {}\n                              }: {\n    checked?: boolean,\n    onChange?: () => void\n    size?: number,\n    color?: string,\n    className?: string,\n    style?: CSSProperties\n}) {\n    return <div onClick={onChange} className={`matchid-radio ${className} ${checked ? 'matchid-radio-checked' :''}`} style={{\n        width: size,\n        height: size,\n        ...style,\n        // @ts-ignore\n        '--matchid-radio-checked': color\n    }}>\n        {checked && <div className={`matchid-radio-content`} style={{\n            width:Math.floor(size*0.7),\n            height:Math.floor(size*0.7),\n        }}></div>}\n    </div>\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;AC2BgB;AAxBD,SAAR,OAAwB;AAAA,EAC3B,OAAK;AAAA,EACL,UAAQ;AAAA,EACR,UAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,WAAS;AAAA,EACT,GAAG;AACwB,GAMrB;AACN,QAAM,UAAU,MAAI;AAChB,QAAG,CAAC,YAAY,CAAC,SAAQ;AACrB,kBAAY,SAAS,CAAC,OAAO;AAAA,IACjC;AAAA,EACJ;AACA,SAAO,oBAAC,SAAI,SAAkB,WAAW,iCAAiC,IAAI,IAAI,UAAU,2BAAyB,EAAE,IAAI,WAAW,4BAA0B,EAAE,IAAI,UAAU,2BAAyB,EAAE,IAAK,GAAG,OAG3M,oBACI,oBAAC,uBAAY,WAAU,+BAA8B,MAAM,QAAM,YAAU,KAAG,IAAI,OAAM,uCAAqC,IAC7H,oBAAC,SAAI,WAAW,uBAAuB,GAEnD;AACJ;;;AC/BA,SAAS,eAAc;AAqBZ,gBAAAA,YAAA;AAlBI,SAAR,YAA6B;AAAA,EACI;AAAA,EACA,OAAO;AAAA,EAAW,YAAY;AAAA,EAAG;AAAK,GAGnE;AAEP,QAAM,SAAS,QAAQ,MAAI;AACvB,QAAI,MAAM;AACN,YAAM,OAAO,KAAK,CAAC,EAAE,YAAY;AACjC,UAAI,KAAK,MAAM,aAAa,GAAG;AAC3B,eAAO;AAAA,MACX;AAAA,IACJ;AACA,WAAO;AAAA,EACX,GAAE,CAAC,IAAI,CAAC;AAER,QAAM,aAAa,OAAO,SAAS,WAAW,OAAO,SAAS,OAAO,KAAK,SAAS,YAAY,KAAK;AACpG,SAAO,gBAAAA,KAAC,SAAI,WAAW,wBAAwB,SAAS,IAAI,OAAO;AAAA,IAC/D,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU,KAAK,KAAK,aAAa,CAAC;AAAA,IAClC,GAAG;AAAA,EACP,GACK,kBACL;AACJ;;;ACLoB,gBAAAC,YAAA;AAtBL,SAAR,MAAuB;AAAA,EACI,UAAU;AAAA,EACV;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,QAAQ,CAAC;AACb,GAO3B;AACC,SAAO,gBAAAA,KAAC,SAAI,SAAS,UAAU,WAAW,iBAAiB,SAAS,IAAI,UAAU,0BAAyB,EAAE,IAAI,OAAO;AAAA,IACpH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,GAAG;AAAA;AAAA,IAEH,2BAA2B;AAAA,EAC/B,GACK,qBAAW,gBAAAA,KAAC,SAAI,WAAW,yBAAyB,OAAO;AAAA,IACxD,OAAM,KAAK,MAAM,OAAK,GAAG;AAAA,IACzB,QAAO,KAAK,MAAM,OAAK,GAAG;AAAA,EAC9B,GAAG,GACP;AACJ;","names":["jsx","jsx"]}

package/dist/chunk-HBOS3RBL.mjs

@@ -0,0 +1,19 @@
+import {
+  ChainType,
+  RecoveryType
+} from "./chunk-UA6XHZHX.mjs";
+import {
+  __export
+} from "./chunk-J5LGTIGS.mjs";
+
+// src/types/index.ts
+var types_exports = {};
+__export(types_exports, {
+  ChainType: () => ChainType,
+  RecoveryType: () => RecoveryType
+});
+
+export {
+  types_exports
+};
+//# sourceMappingURL=chunk-HBOS3RBL.mjs.map

package/dist/chunk-HBOS3RBL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types/index.ts"],"sourcesContent":["export * from \"./mpc\"\nexport * from \"./types\""],"mappings":";;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}