@rango-dev/ui 0.35.1-next.10 → 0.35.1-next.11
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.
- package/dist/index.js +1 -1
- package/dist/index.js.map +3 -3
- package/dist/ui.build.json +1 -1
- package/dist/widget/ui/src/components/Select/Select.d.ts.map +1 -1
- package/dist/widget/ui/src/components/Select/Select.types.d.ts +4 -0
- package/dist/widget/ui/src/components/Select/Select.types.d.ts.map +1 -1
- package/dist/widget/ui/src/components/TextField/TextField.d.ts +6 -0
- package/dist/widget/ui/src/components/TextField/TextField.d.ts.map +1 -1
- package/dist/widget/ui/src/components/TextField/TextField.types.d.ts +1 -0
- package/dist/widget/ui/src/components/TextField/TextField.types.d.ts.map +1 -1
- package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts +6 -0
- package/dist/widget/ui/src/containers/SwapInput/SwapInput.styles.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/components/Select/Select.tsx +13 -4
- package/src/components/Select/Select.types.ts +5 -0
- package/src/components/TextField/TextField.tsx +1 -1
- package/src/components/TextField/TextField.types.tsx +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,OAAO,KAAsC,MAAM,OAAO,CAAC;AAO3D,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,OAAO,KAAsC,MAAM,OAAO,CAAC;AAO3D,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,qBAsF1E"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type * as Stitches from '@stitches/react';
|
|
1
2
|
type Item<T> = {
|
|
2
3
|
value: T;
|
|
3
4
|
label: string;
|
|
@@ -9,6 +10,9 @@ export type SelectPropTypes<T> = {
|
|
|
9
10
|
value: string;
|
|
10
11
|
container?: HTMLElement;
|
|
11
12
|
variant: Variant;
|
|
13
|
+
styles?: {
|
|
14
|
+
trigger?: Stitches.CSS;
|
|
15
|
+
};
|
|
12
16
|
};
|
|
13
17
|
export {};
|
|
14
18
|
//# sourceMappingURL=Select.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"AAAA,KAAK,IAAI,CAAC,CAAC,IAAI;IACb,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;AAErC,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI;IAC/B,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;IACnB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,QAAQ,MAAM,iBAAiB,CAAC;AAEjD,KAAK,IAAI,CAAC,CAAC,IAAI;IACb,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;AAErC,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI;IAC/B,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;IACnB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC;KACxB,CAAC;CACH,CAAC"}
|
|
@@ -7,6 +7,12 @@ declare const TextField: React.ForwardRefExoticComponent<{
|
|
|
7
7
|
variant?: "contained" | "outlined" | "ghost" | undefined;
|
|
8
8
|
fullWidth?: boolean | undefined;
|
|
9
9
|
labelProps?: import("../Typography").TypographyPropTypes | undefined;
|
|
10
|
+
style?: import("@stitches/react").CSS<{
|
|
11
|
+
media: {};
|
|
12
|
+
theme: {};
|
|
13
|
+
themeMap: {};
|
|
14
|
+
utils: {};
|
|
15
|
+
}> | undefined;
|
|
10
16
|
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "prefix" | "size"> & {
|
|
11
17
|
children?: React.ReactNode;
|
|
12
18
|
} & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AA8E1B,QAAA,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AA8E1B,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;0CAAuC,CAAC;AAIvD,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -14,6 +14,7 @@ export type TextFieldPropTypes = {
|
|
|
14
14
|
variant?: BaseVariants;
|
|
15
15
|
fullWidth?: boolean;
|
|
16
16
|
labelProps?: TypographyPropTypes;
|
|
17
|
+
style?: Stitches.CSS;
|
|
17
18
|
} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'size'>;
|
|
18
19
|
export {};
|
|
19
20
|
//# sourceMappingURL=TextField.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextField/TextField.types.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,KAAK,KAAK,QAAQ,MAAM,iBAAiB,CAAC;AAEjD,KAAK,SAAS,GAAG,QAAQ,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,KAAK,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AACpD,KAAK,YAAY,GAAG,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;AAE1D,MAAM,MAAM,GAAG,GACX,CAAC,CAAC,QAAQ,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC,GAC7C,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,GACjC,IAAI,GACJ,SAAS,CAAC;AAEd,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"TextField.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TextField/TextField.types.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,KAAK,KAAK,QAAQ,MAAM,iBAAiB,CAAC;AAEjD,KAAK,SAAS,GAAG,QAAQ,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,KAAK,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AACpD,KAAK,YAAY,GAAG,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;AAE1D,MAAM,MAAM,GAAG,GACX,CAAC,CAAC,QAAQ,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC,GAC7C,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,GACjC,IAAI,GACJ,SAAS,CAAC;AAEd,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,KAAK,CAAC,EAAE,QAAQ,CAAC,GAAG,CAAC;CACtB,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC"}
|
|
@@ -330,6 +330,12 @@ export declare const InputAmount: import("@stitches/react/types/styled-component
|
|
|
330
330
|
variant?: "contained" | "outlined" | "ghost" | undefined;
|
|
331
331
|
fullWidth?: boolean | undefined;
|
|
332
332
|
labelProps?: import("../../components").TypographyPropTypes | undefined;
|
|
333
|
+
style?: import("@stitches/react").CSS<{
|
|
334
|
+
media: {};
|
|
335
|
+
theme: {};
|
|
336
|
+
themeMap: {};
|
|
337
|
+
utils: {};
|
|
338
|
+
}> | undefined;
|
|
333
339
|
} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "prefix" | "size"> & {
|
|
334
340
|
children?: import("react").ReactNode;
|
|
335
341
|
} & import("react").RefAttributes<HTMLInputElement>>, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwapInput.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.styles.ts"],"names":[],"mappings":";;;AAAA,OAAO,EAAqB,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGjE,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAAQ,CAAC;AAEhC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+DAuBpB,CAAC;AAEH,eAAO,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"SwapInput.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/containers/SwapInput/SwapInput.styles.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rango-dev/ui",
|
|
3
|
-
"version": "0.35.1-next.
|
|
3
|
+
"version": "0.35.1-next.11",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"source": "./src/index.ts",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"@radix-ui/react-select": "^2.0.0",
|
|
51
51
|
"@radix-ui/react-switch": "^1.0.1",
|
|
52
52
|
"@radix-ui/react-tooltip": "^1.0.2",
|
|
53
|
-
"@rango-dev/wallets-shared": "^0.34.1-next.
|
|
53
|
+
"@rango-dev/wallets-shared": "^0.34.1-next.6",
|
|
54
54
|
"@stitches/react": "^1.2.8",
|
|
55
55
|
"copy-to-clipboard": "^3.3.3",
|
|
56
56
|
"rango-sdk": "^0.1.49",
|
|
@@ -60,4 +60,4 @@
|
|
|
60
60
|
"publishConfig": {
|
|
61
61
|
"access": "public"
|
|
62
62
|
}
|
|
63
|
-
}
|
|
63
|
+
}
|
|
@@ -11,7 +11,7 @@ import { SelectContent, SelectItem, SelectTrigger } from './Select.styles';
|
|
|
11
11
|
export function SelectComponent<T extends string>(props: SelectPropTypes<T>) {
|
|
12
12
|
const [open, setOpen] = useState(false);
|
|
13
13
|
const selectRef = useRef<HTMLDivElement>(null);
|
|
14
|
-
const { options, value, container, handleItemClick, variant } = props;
|
|
14
|
+
const { options, value, container, handleItemClick, variant, styles } = props;
|
|
15
15
|
const handleToggle = () => {
|
|
16
16
|
setOpen((prev) => !prev);
|
|
17
17
|
};
|
|
@@ -31,6 +31,14 @@ export function SelectComponent<T extends string>(props: SelectPropTypes<T>) {
|
|
|
31
31
|
|
|
32
32
|
const selectedLabel = options.find((option) => option.value === value)?.label;
|
|
33
33
|
|
|
34
|
+
const wrapPortal = (children: React.ReactNode) => {
|
|
35
|
+
if (container) {
|
|
36
|
+
return <Select.Portal container={container}>{children}</Select.Portal>;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
return <>{children}</>;
|
|
40
|
+
};
|
|
41
|
+
|
|
34
42
|
return (
|
|
35
43
|
<div ref={selectRef}>
|
|
36
44
|
<Select.Root value={value} open={open}>
|
|
@@ -39,7 +47,8 @@ export function SelectComponent<T extends string>(props: SelectPropTypes<T>) {
|
|
|
39
47
|
onKeyDown={(event) => event.key === 'Enter' && handleToggle()}
|
|
40
48
|
onClick={handleToggle}
|
|
41
49
|
open={open}
|
|
42
|
-
aria-label={selectedLabel}
|
|
50
|
+
aria-label={selectedLabel}
|
|
51
|
+
css={styles?.trigger}>
|
|
43
52
|
<Select.Value>
|
|
44
53
|
<Typography variant="body" size="small">
|
|
45
54
|
{selectedLabel}
|
|
@@ -50,7 +59,7 @@ export function SelectComponent<T extends string>(props: SelectPropTypes<T>) {
|
|
|
50
59
|
<ChevronDownIcon size={12} color="black" />
|
|
51
60
|
</Select.Icon>
|
|
52
61
|
</SelectTrigger>
|
|
53
|
-
|
|
62
|
+
{wrapPortal(
|
|
54
63
|
<SelectContent position="popper" sideOffset={5}>
|
|
55
64
|
<Select.ScrollUpButton className="SelectScrollButton">
|
|
56
65
|
<ChevronUpIcon />
|
|
@@ -81,7 +90,7 @@ export function SelectComponent<T extends string>(props: SelectPropTypes<T>) {
|
|
|
81
90
|
<ChevronDownIcon />
|
|
82
91
|
</Select.ScrollDownButton>
|
|
83
92
|
</SelectContent>
|
|
84
|
-
|
|
93
|
+
)}
|
|
85
94
|
</Select.Root>
|
|
86
95
|
</div>
|
|
87
96
|
);
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import type * as Stitches from '@stitches/react';
|
|
2
|
+
|
|
1
3
|
type Item<T> = {
|
|
2
4
|
value: T;
|
|
3
5
|
label: string;
|
|
@@ -11,4 +13,7 @@ export type SelectPropTypes<T> = {
|
|
|
11
13
|
value: string;
|
|
12
14
|
container?: HTMLElement;
|
|
13
15
|
variant: Variant;
|
|
16
|
+
styles?: {
|
|
17
|
+
trigger?: Stitches.CSS;
|
|
18
|
+
};
|
|
14
19
|
};
|