@oneplatformdev/ui 0.1.12 → 0.1.99-beta.0
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/Button/Button.js +41 -43
- package/Button/Button.js.map +1 -1
- package/CHANGELOG.md +32 -0
- package/package.json +4 -4
package/Button/Button.js
CHANGED
|
@@ -1,79 +1,77 @@
|
|
|
1
1
|
import { jsx as r, jsxs as z, Fragment as k } from "react/jsx-runtime";
|
|
2
2
|
import * as x from "react";
|
|
3
|
-
import { Slot as
|
|
4
|
-
import { cn as
|
|
5
|
-
import { buttonVariants as
|
|
3
|
+
import { Slot as N } from "@radix-ui/react-slot";
|
|
4
|
+
import { cn as j } from "@oneplatformdev/utils";
|
|
5
|
+
import { buttonVariants as A } from "./buttonVariants.js";
|
|
6
6
|
import "@radix-ui/react-tooltip";
|
|
7
|
-
import { Tooltip as
|
|
7
|
+
import { Tooltip as C } from "../Tooltip/Tooltip.js";
|
|
8
8
|
import { LoadedIcon as f } from "../LoadedIcon/LoadedIcon.js";
|
|
9
|
-
const
|
|
10
|
-
const { variant:
|
|
11
|
-
if (
|
|
12
|
-
|
|
13
|
-
if (
|
|
14
|
-
return console.warn('Button variant "
|
|
15
|
-
if (
|
|
16
|
-
return console.warn('Button variant "
|
|
17
|
-
if (
|
|
18
|
-
return console.warn('Button variant "
|
|
19
|
-
if (
|
|
20
|
-
return console.warn('Button variant "destructive" is deprecated. Please use "variant=contained color=error" instead.'), o.variant = "contained", o.color = "error", o;
|
|
21
|
-
if (t === "link")
|
|
9
|
+
const I = (a) => {
|
|
10
|
+
const { variant: o, size: e, color: i } = a, t = { color: i, variant: o, size: e };
|
|
11
|
+
if (e === "icon" && console.warn('Button size "icon" is not supported. Please use ButtonIcon component for icon-only buttons.'), o === "default")
|
|
12
|
+
return console.warn('Button variant "default" is deprecated. Please use "variant=contained color=primary" instead.'), t.variant = "contained", t.color = "primary", t;
|
|
13
|
+
if (o === "outline")
|
|
14
|
+
return console.warn('Button variant "outline" is deprecated. Please use "variant=outlined color=primary" instead.'), t.variant = "outlined", t.color = "primary", t;
|
|
15
|
+
if (o === "secondary")
|
|
16
|
+
return console.warn('Button variant "secondary" is deprecated. Please use "variant=contained color=secondary" instead.'), t.variant = "contained", t.color = "secondary", t;
|
|
17
|
+
if (o === "destructive")
|
|
18
|
+
return console.warn('Button variant "destructive" is deprecated. Please use "variant=contained color=error" instead.'), t.variant = "contained", t.color = "error", t;
|
|
19
|
+
if (o === "link")
|
|
22
20
|
throw console.warn('Button variant "link" is not implemented yet. Please contact the development team for more information.'), new Error('Button variant "link" is not implemented yet. Please contact the development team for more information.');
|
|
23
|
-
return
|
|
24
|
-
},
|
|
25
|
-
(a,
|
|
21
|
+
return t;
|
|
22
|
+
}, R = x.forwardRef(
|
|
23
|
+
(a, o) => {
|
|
26
24
|
const {
|
|
27
|
-
disabled:
|
|
25
|
+
disabled: e,
|
|
28
26
|
className: i,
|
|
29
|
-
variant:
|
|
27
|
+
variant: t,
|
|
30
28
|
color: v,
|
|
31
29
|
size: y,
|
|
32
30
|
asChild: c = !1,
|
|
33
|
-
title:
|
|
34
|
-
tooltip:
|
|
31
|
+
title: h = "",
|
|
32
|
+
tooltip: B,
|
|
35
33
|
tooltipProps: l = {},
|
|
36
34
|
message: w,
|
|
37
|
-
loading:
|
|
35
|
+
loading: n = !1,
|
|
38
36
|
children: d,
|
|
39
37
|
startAdornment: m,
|
|
40
|
-
endAdornment:
|
|
38
|
+
endAdornment: p,
|
|
41
39
|
...P
|
|
42
|
-
} = a, b = c ?
|
|
43
|
-
!!m && /* @__PURE__ */ r(f, { loading:
|
|
40
|
+
} = a, b = c ? N : "button", s = w || B || h, g = c ? d : /* @__PURE__ */ z(k, { children: [
|
|
41
|
+
!!m && /* @__PURE__ */ r(f, { loading: n, children: m }),
|
|
44
42
|
d,
|
|
45
|
-
!!
|
|
46
|
-
] }),
|
|
43
|
+
!!p && /* @__PURE__ */ r(f, { loading: n, children: p })
|
|
44
|
+
] }), u = /* @__PURE__ */ r(
|
|
47
45
|
b,
|
|
48
46
|
{
|
|
49
47
|
type: "button",
|
|
50
|
-
ref:
|
|
51
|
-
disabled:
|
|
52
|
-
className:
|
|
53
|
-
|
|
54
|
-
...
|
|
48
|
+
ref: o,
|
|
49
|
+
disabled: e,
|
|
50
|
+
className: j(
|
|
51
|
+
A({
|
|
52
|
+
...I({ variant: t, size: y, color: v }),
|
|
55
53
|
className: i
|
|
56
54
|
}),
|
|
57
|
-
|
|
55
|
+
n && "pointer-events-none opacity-80"
|
|
58
56
|
),
|
|
59
57
|
...P,
|
|
60
58
|
children: g
|
|
61
59
|
}
|
|
62
60
|
);
|
|
63
61
|
return s ? /* @__PURE__ */ r(
|
|
64
|
-
|
|
62
|
+
C,
|
|
65
63
|
{
|
|
66
64
|
...l || {},
|
|
67
|
-
open: l.open ?? (
|
|
65
|
+
open: l.open ?? (e || n || !s) ? !1 : void 0,
|
|
68
66
|
message: s,
|
|
69
|
-
children:
|
|
67
|
+
children: u
|
|
70
68
|
}
|
|
71
|
-
) :
|
|
69
|
+
) : u;
|
|
72
70
|
}
|
|
73
71
|
);
|
|
74
|
-
|
|
72
|
+
R.displayName = "Button";
|
|
75
73
|
export {
|
|
76
|
-
|
|
77
|
-
|
|
74
|
+
R as Button,
|
|
75
|
+
R as default
|
|
78
76
|
};
|
|
79
77
|
//# sourceMappingURL=Button.js.map
|
package/Button/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../src/Button/Button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\n\nimport { cn } from \"@oneplatformdev/utils\"\nimport { ButtonCVAProps, buttonVariants } from './buttonVariants';\nimport { type ButtonProps } from './Button.types';\n\nimport { Tooltip } from '../Tooltip';\nimport { LoadedIcon } from \"../LoadedIcon\";\n\nconst normalizedVariantProperties = (props: ButtonCVAProps): ButtonCVAProps => {\n const { variant, size, color } = props;\n const vls = { color, variant, size }\n if (size === 'icon') {\n console.warn('Button size \"icon\" is not supported. Please use ButtonIcon component for icon-only buttons.')\n throw new Error('Button size \"icon\" is not supported. Please use ButtonIcon component for icon-only buttons.')\n }\n if (variant === 'default') {\n console.warn('Button variant \"default\" is deprecated. Please use \"variant=contained color=primary\" instead.')\n vls.variant = 'contained'\n vls.color = 'primary'\n return vls\n }\n if (variant === 'outline') {\n console.warn('Button variant \"outline\" is deprecated. Please use \"variant=outlined color=primary\" instead.')\n vls.variant = 'outlined'\n vls.color = 'primary'\n return vls\n }\n if (variant === 'secondary') {\n console.warn('Button variant \"secondary\" is deprecated. Please use \"variant=contained color=secondary\" instead.')\n vls.variant = 'contained'\n vls.color = 'secondary'\n return vls\n }\n if (variant === 'destructive') {\n console.warn('Button variant \"destructive\" is deprecated. Please use \"variant=contained color=error\" instead.')\n vls.variant = 'contained'\n vls.color = 'error'\n return vls\n }\n if (variant === 'link') {\n console.warn('Button variant \"link\" is not implemented yet. Please contact the development team for more information.')\n throw new Error('Button variant \"link\" is not implemented yet. Please contact the development team for more information.')\n }\n return vls;\n}\n\n// TODO: create ButtonIcon component | update button | add start/end icon\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (props, ref) => {\n const {\n disabled,\n className,\n variant,\n color,\n size,\n asChild = false,\n title = '',\n tooltip,\n tooltipProps = {},\n message,\n loading = false,\n children,\n startAdornment,\n endAdornment,\n ...rest\n } = props;\n const Comp = asChild ? Slot : \"button\"\n const msg = message || tooltip || title;\n\n const content = asChild\n ? children\n : (\n <>\n {!!startAdornment && (\n <LoadedIcon loading={loading}>\n {startAdornment}\n </LoadedIcon>\n )}\n\n {children}\n\n {!!endAdornment && (\n <LoadedIcon loading={loading}>\n {endAdornment}\n </LoadedIcon>\n )}\n </>\n )\n\n const cmp = (\n <Comp\n type='button'\n ref={ref}\n disabled={disabled}\n className={cn(\n buttonVariants({\n ...normalizedVariantProperties({ variant, size, color }),\n className\n }),\n loading && 'pointer-events-none opacity-80',\n )}\n {...rest}\n >\n {content}\n </Comp>\n )\n\n if (!msg) return cmp\n return (\n <Tooltip\n {...(tooltipProps || {})}\n open={tooltipProps.open ?? (disabled || loading || !msg) ? false : undefined}\n message={msg}\n >\n {cmp}\n </Tooltip>\n )\n }\n)\nButton.displayName = \"Button\"\n\nexport default Button;\n"],"names":["normalizedVariantProperties","props","variant","size","color","vls","Button","React","ref","disabled","className","asChild","title","tooltip","tooltipProps","message","loading","children","startAdornment","endAdornment","rest","Comp","Slot","msg","content","jsxs","Fragment","jsx","LoadedIcon","cmp","cn","buttonVariants","Tooltip"],"mappings":";;;;;;;;AAUA,MAAMA,IAA8B,CAACC,MAA0C;AAC7E,QAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,OAAAC,EAAA,IAAUH,GAC3BI,IAAM,EAAE,OAAAD,GAAO,SAAAF,GAAS,MAAAC,EAAA;
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../src/Button/Button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\n\nimport { cn } from \"@oneplatformdev/utils\"\nimport { ButtonCVAProps, buttonVariants } from './buttonVariants';\nimport { type ButtonProps } from './Button.types';\n\nimport { Tooltip } from '../Tooltip';\nimport { LoadedIcon } from \"../LoadedIcon\";\n\nconst normalizedVariantProperties = (props: ButtonCVAProps): ButtonCVAProps => {\n const { variant, size, color } = props;\n const vls = { color, variant, size }\n if (size === 'icon') {\n console.warn('Button size \"icon\" is not supported. Please use ButtonIcon component for icon-only buttons.')\n // throw new Error('Button size \"icon\" is not supported. Please use ButtonIcon component for icon-only buttons.')\n }\n if (variant === 'default') {\n console.warn('Button variant \"default\" is deprecated. Please use \"variant=contained color=primary\" instead.')\n vls.variant = 'contained'\n vls.color = 'primary'\n return vls\n }\n if (variant === 'outline') {\n console.warn('Button variant \"outline\" is deprecated. Please use \"variant=outlined color=primary\" instead.')\n vls.variant = 'outlined'\n vls.color = 'primary'\n return vls\n }\n if (variant === 'secondary') {\n console.warn('Button variant \"secondary\" is deprecated. Please use \"variant=contained color=secondary\" instead.')\n vls.variant = 'contained'\n vls.color = 'secondary'\n return vls\n }\n if (variant === 'destructive') {\n console.warn('Button variant \"destructive\" is deprecated. Please use \"variant=contained color=error\" instead.')\n vls.variant = 'contained'\n vls.color = 'error'\n return vls\n }\n if (variant === 'link') {\n console.warn('Button variant \"link\" is not implemented yet. Please contact the development team for more information.')\n throw new Error('Button variant \"link\" is not implemented yet. Please contact the development team for more information.')\n }\n return vls;\n}\n\n// TODO: create ButtonIcon component | update button | add start/end icon\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (props, ref) => {\n const {\n disabled,\n className,\n variant,\n color,\n size,\n asChild = false,\n title = '',\n tooltip,\n tooltipProps = {},\n message,\n loading = false,\n children,\n startAdornment,\n endAdornment,\n ...rest\n } = props;\n const Comp = asChild ? Slot : \"button\"\n const msg = message || tooltip || title;\n\n const content = asChild\n ? children\n : (\n <>\n {!!startAdornment && (\n <LoadedIcon loading={loading}>\n {startAdornment}\n </LoadedIcon>\n )}\n\n {children}\n\n {!!endAdornment && (\n <LoadedIcon loading={loading}>\n {endAdornment}\n </LoadedIcon>\n )}\n </>\n )\n\n const cmp = (\n <Comp\n type='button'\n ref={ref}\n disabled={disabled}\n className={cn(\n buttonVariants({\n ...normalizedVariantProperties({ variant, size, color }),\n className\n }),\n loading && 'pointer-events-none opacity-80',\n )}\n {...rest}\n >\n {content}\n </Comp>\n )\n\n if (!msg) return cmp\n return (\n <Tooltip\n {...(tooltipProps || {})}\n open={tooltipProps.open ?? (disabled || loading || !msg) ? false : undefined}\n message={msg}\n >\n {cmp}\n </Tooltip>\n )\n }\n)\nButton.displayName = \"Button\"\n\nexport default Button;\n"],"names":["normalizedVariantProperties","props","variant","size","color","vls","Button","React","ref","disabled","className","asChild","title","tooltip","tooltipProps","message","loading","children","startAdornment","endAdornment","rest","Comp","Slot","msg","content","jsxs","Fragment","jsx","LoadedIcon","cmp","cn","buttonVariants","Tooltip"],"mappings":";;;;;;;;AAUA,MAAMA,IAA8B,CAACC,MAA0C;AAC7E,QAAM,EAAE,SAAAC,GAAS,MAAAC,GAAM,OAAAC,EAAA,IAAUH,GAC3BI,IAAM,EAAE,OAAAD,GAAO,SAAAF,GAAS,MAAAC,EAAA;AAK9B,MAJIA,MAAS,UACX,QAAQ,KAAK,6FAA6F,GAGxGD,MAAY;AACd,mBAAQ,KAAK,+FAA+F,GAC5GG,EAAI,UAAU,aACdA,EAAI,QAAQ,WACLA;AAET,MAAIH,MAAY;AACd,mBAAQ,KAAK,8FAA8F,GAC3GG,EAAI,UAAU,YACdA,EAAI,QAAQ,WACLA;AAET,MAAIH,MAAY;AACd,mBAAQ,KAAK,mGAAmG,GAChHG,EAAI,UAAU,aACdA,EAAI,QAAQ,aACLA;AAET,MAAIH,MAAY;AACd,mBAAQ,KAAK,iGAAiG,GAC9GG,EAAI,UAAU,aACdA,EAAI,QAAQ,SACLA;AAET,MAAIH,MAAY;AACd,kBAAQ,KAAK,yGAAyG,GAChH,IAAI,MAAM,yGAAyG;AAE3H,SAAOG;AACT,GAGaC,IAASC,EAAM;AAAA,EAC1B,CAACN,GAAOO,MAAQ;AACd,UAAM;AAAA,MACJ,UAAAC;AAAA,MACA,WAAAC;AAAA,MACA,SAAAR;AAAA,MACA,OAAAE;AAAA,MACA,MAAAD;AAAA,MACA,SAAAQ,IAAU;AAAA,MACV,OAAAC,IAAQ;AAAA,MACR,SAAAC;AAAA,MACA,cAAAC,IAAe,CAAA;AAAA,MACf,SAAAC;AAAA,MACA,SAAAC,IAAU;AAAA,MACV,UAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,IACDnB,GACEoB,IAAOV,IAAUW,IAAO,UACxBC,IAAMR,KAAWF,KAAWD,GAE5BY,IAAUb,IACZM,IAEA,gBAAAQ,EAAAC,GAAA,EACG,UAAA;AAAA,MAAA,CAAC,CAACR,KACD,gBAAAS,EAACC,GAAA,EAAW,SAAAZ,GACT,UAAAE,GACH;AAAA,MAGDD;AAAA,MAEA,CAAC,CAACE,KACD,gBAAAQ,EAACC,GAAA,EAAW,SAAAZ,GACT,UAAAG,EAAA,CACH;AAAA,IAAA,GAEJ,GAGEU,IACJ,gBAAAF;AAAA,MAACN;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,KAAAb;AAAA,QACA,UAAAC;AAAA,QACA,WAAWqB;AAAA,UACTC,EAAe;AAAA,YACb,GAAG/B,EAA4B,EAAE,SAAAE,GAAS,MAAAC,GAAM,OAAAC,GAAO;AAAA,YACvD,WAAAM;AAAA,UAAA,CACD;AAAA,UACDM,KAAW;AAAA,QAAA;AAAA,QAEZ,GAAGI;AAAA,QAEH,UAAAI;AAAA,MAAA;AAAA,IAAA;AAIL,WAAKD,IAEH,gBAAAI;AAAA,MAACK;AAAA,MAAA;AAAA,QACE,GAAIlB,KAAgB,CAAA;AAAA,QACrB,MAAMA,EAAa,SAASL,KAAYO,KAAW,CAACO,KAAO,KAAQ;AAAA,QACnE,SAASA;AAAA,QAER,UAAAM;AAAA,MAAA;AAAA,IAAA,IAPYA;AAAA,EAUnB;AACF;AACAvB,EAAO,cAAc;"}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,35 @@
|
|
|
1
|
+
## 0.1.99-beta.0 (2025-12-27)
|
|
2
|
+
|
|
3
|
+
### 🚀 Features
|
|
4
|
+
|
|
5
|
+
- **AlertDialog:** add color prop to AlertDialogAction and AlertDialogCancel components ([b9eca5d](https://github.com/oneplatformdev/core-web/commit/b9eca5d))
|
|
6
|
+
|
|
7
|
+
### 🧱 Updated Dependencies
|
|
8
|
+
|
|
9
|
+
- Updated @oneplatformdev/utils to 0.1.99-beta.0
|
|
10
|
+
- Updated @oneplatformdev/hooks to 0.1.99-beta.0
|
|
11
|
+
- Updated @oneplatformdev/tokens to 0.1.99-beta.0
|
|
12
|
+
|
|
13
|
+
### ❤️ Thank You
|
|
14
|
+
|
|
15
|
+
- Bohdan Radchenko
|
|
16
|
+
|
|
17
|
+
## 0.1.13-0 (2025-12-27)
|
|
18
|
+
|
|
19
|
+
### 🚀 Features
|
|
20
|
+
|
|
21
|
+
- **AlertDialog:** add color prop to AlertDialogAction and AlertDialogCancel components ([b9eca5d](https://github.com/oneplatformdev/core-web/commit/b9eca5d))
|
|
22
|
+
|
|
23
|
+
### 🧱 Updated Dependencies
|
|
24
|
+
|
|
25
|
+
- Updated @oneplatformdev/utils to 0.1.3-0
|
|
26
|
+
- Updated @oneplatformdev/hooks to 0.1.2-0
|
|
27
|
+
- Updated @oneplatformdev/tokens to 0.0.3-0
|
|
28
|
+
|
|
29
|
+
### ❤️ Thank You
|
|
30
|
+
|
|
31
|
+
- Bohdan Radchenko
|
|
32
|
+
|
|
1
33
|
## 0.1.12 (2025-12-27)
|
|
2
34
|
|
|
3
35
|
### 🚀 Features
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oneplatformdev/ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.99-beta.0",
|
|
4
4
|
"description": "UI component library for OnePlatform",
|
|
5
5
|
"author": "One Platform Development Team",
|
|
6
6
|
"keywords": [
|
|
@@ -105,8 +105,8 @@
|
|
|
105
105
|
"recharts": "^3.2.0",
|
|
106
106
|
"sonner": "^2.0.7",
|
|
107
107
|
"vaul": "^1.1.2",
|
|
108
|
-
"@oneplatformdev/tokens": "^0.0
|
|
109
|
-
"@oneplatformdev/utils": "^0.1.
|
|
110
|
-
"@oneplatformdev/hooks": "^0.1.
|
|
108
|
+
"@oneplatformdev/tokens": "^0.1.99-beta.0",
|
|
109
|
+
"@oneplatformdev/utils": "^0.1.99-beta.0",
|
|
110
|
+
"@oneplatformdev/hooks": "^0.1.99-beta.0"
|
|
111
111
|
}
|
|
112
112
|
}
|