@oneplatformdev/ui 0.1.10-64 → 0.1.10-65
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 +29 -49
- package/Button/Button.js.map +1 -1
- package/CHANGELOG.md +8 -0
- package/Tooltip/Tooltip.js +5 -5
- package/Tooltip/Tooltip.js.map +1 -1
- package/package.json +4 -4
package/Button/Button.js
CHANGED
|
@@ -1,56 +1,36 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import * as
|
|
3
|
-
import { Slot as
|
|
4
|
-
import { cn as
|
|
5
|
-
import { buttonVariants as
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import * as i from "react";
|
|
3
|
+
import { Slot as n } from "@radix-ui/react-slot";
|
|
4
|
+
import { cn as f } from "@oneplatformdev/utils";
|
|
5
|
+
import { buttonVariants as l } from "./buttonVariants.js";
|
|
6
6
|
import "@radix-ui/react-tooltip";
|
|
7
|
-
import
|
|
8
|
-
const
|
|
7
|
+
import "lucide-react";
|
|
8
|
+
const u = i.forwardRef(
|
|
9
9
|
({
|
|
10
10
|
disabled: t,
|
|
11
|
-
className:
|
|
12
|
-
variant:
|
|
13
|
-
size:
|
|
14
|
-
asChild:
|
|
15
|
-
title:
|
|
16
|
-
tooltip:
|
|
17
|
-
tooltipProps:
|
|
18
|
-
message:
|
|
19
|
-
...
|
|
20
|
-
},
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
{
|
|
31
|
-
type: "button",
|
|
32
|
-
ref: a,
|
|
33
|
-
disabled: t,
|
|
34
|
-
className: u(i({ variant: n, size: e, className: r })),
|
|
35
|
-
...p
|
|
36
|
-
}
|
|
37
|
-
)
|
|
38
|
-
}
|
|
39
|
-
) : /* @__PURE__ */ m(
|
|
40
|
-
s,
|
|
41
|
-
{
|
|
42
|
-
type: "button",
|
|
43
|
-
ref: a,
|
|
44
|
-
disabled: t,
|
|
45
|
-
className: u(i({ variant: n, size: e, className: r })),
|
|
46
|
-
...p
|
|
47
|
-
}
|
|
48
|
-
);
|
|
49
|
-
}
|
|
11
|
+
className: o,
|
|
12
|
+
variant: r,
|
|
13
|
+
size: m,
|
|
14
|
+
asChild: p = !1,
|
|
15
|
+
title: c = "",
|
|
16
|
+
tooltip: b,
|
|
17
|
+
tooltipProps: d = {},
|
|
18
|
+
message: x,
|
|
19
|
+
...a
|
|
20
|
+
}, s) => /* @__PURE__ */ e(
|
|
21
|
+
p ? n : "button",
|
|
22
|
+
{
|
|
23
|
+
type: "button",
|
|
24
|
+
ref: s,
|
|
25
|
+
disabled: t,
|
|
26
|
+
className: f(l({ variant: r, size: m, className: o })),
|
|
27
|
+
...a
|
|
28
|
+
}
|
|
29
|
+
)
|
|
50
30
|
);
|
|
51
|
-
|
|
31
|
+
u.displayName = "Button";
|
|
52
32
|
export {
|
|
53
|
-
|
|
54
|
-
|
|
33
|
+
u as Button,
|
|
34
|
+
u as default
|
|
55
35
|
};
|
|
56
36
|
//# 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 { buttonVariants } from './buttonVariants';\nimport { ButtonProps } from './Button.types';\n\nimport { Tooltip } from '../Tooltip';\n\n// TODO: create ButtonIcon component | update button | add start/end icon\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n ({\n disabled,\n className,\n variant,\n size,\n asChild = false,\n title = '',\n tooltip,\n tooltipProps = {},\n message,\n ...props\n }, ref) => {\n const Comp = asChild ? Slot : \"button\"\n const msg = message || tooltip || title;\n\n
|
|
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 { buttonVariants } from './buttonVariants';\nimport { ButtonProps } from './Button.types';\n\nimport { Tooltip } from '../Tooltip';\n\n// TODO: create ButtonIcon component | update button | add start/end icon\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n ({\n disabled,\n className,\n variant,\n size,\n asChild = false,\n title = '',\n tooltip,\n tooltipProps = {},\n message,\n ...props\n }, ref) => {\n const Comp = asChild ? Slot : \"button\"\n const msg = message || tooltip || title;\n\n return <Comp\n type='button'\n ref={ref}\n disabled={disabled}\n className={cn(buttonVariants({ variant, size, className }))}\n {...props}\n />\n\n return (\n <Tooltip\n {...(tooltipProps || {})}\n open={tooltipProps.open ?? (disabled || !msg) ? false : undefined}\n message={msg}\n >\n <Comp\n type='button'\n ref={ref}\n disabled={disabled}\n className={cn(buttonVariants({ variant, size, className }))}\n {...props}\n />\n </Tooltip>\n )\n }\n)\nButton.displayName = \"Button\"\n\nexport default Button;\n"],"names":["Button","React","disabled","className","variant","size","asChild","title","tooltip","tooltipProps","message","props","ref","jsx","Slot","cn","buttonVariants"],"mappings":";;;;;;;AAUO,MAAMA,IAASC,EAAM;AAAA,EAC1B,CAAC;AAAA,IACE,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,OAAAC,IAAQ;AAAA,IACR,SAAAC;AAAA,IACA,cAAAC,IAAe,CAAA;AAAA,IACf,SAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GACFC,MAIK,gBAAAC;AAAA,IAHMP,IAAUQ,IAAO;AAAA,IAGtB;AAAA,MACN,MAAK;AAAA,MACL,KAAAF;AAAA,MACA,UAAAV;AAAA,MACA,WAAWa,EAAGC,EAAe,EAAE,SAAAZ,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,MACzD,GAAGQ;AAAA,IAAA;AAAA,EAAA;AAmBV;AACAX,EAAO,cAAc;"}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,11 @@
|
|
|
1
|
+
## 0.1.10-65 (2025-10-21)
|
|
2
|
+
|
|
3
|
+
### 🧱 Updated Dependencies
|
|
4
|
+
|
|
5
|
+
- Updated @oneplatformdev/utils to 0.1.1-114
|
|
6
|
+
- Updated @oneplatformdev/hooks to 0.1.0-100
|
|
7
|
+
- Updated @oneplatformdev/tokens to 0.0.1-87
|
|
8
|
+
|
|
1
9
|
## 0.1.10-64 (2025-10-21)
|
|
2
10
|
|
|
3
11
|
### 🧱 Updated Dependencies
|
package/Tooltip/Tooltip.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { jsx as r, jsxs as n } from "react/jsx-runtime";
|
|
2
2
|
import { CircleQuestionMarkIcon as m } from "lucide-react";
|
|
3
3
|
import { cn as i } from "@oneplatformdev/utils";
|
|
4
|
-
import { TooltipProvider as f, TooltipRoot as
|
|
4
|
+
import { TooltipProvider as f, TooltipRoot as x, TooltipTrigger as d, TooltipContent as u } from "./TooltipRoot.js";
|
|
5
5
|
const s = (e) => {
|
|
6
6
|
const { triggerProps: t, contentProps: o, message: l, children: a, showQuestionMark: c = !1, ...p } = e;
|
|
7
7
|
return /* @__PURE__ */ n(
|
|
8
|
-
|
|
8
|
+
x,
|
|
9
9
|
{
|
|
10
10
|
defaultOpen: !1,
|
|
11
11
|
delayDuration: 300,
|
|
12
12
|
...p,
|
|
13
13
|
children: [
|
|
14
14
|
/* @__PURE__ */ n(
|
|
15
|
-
|
|
15
|
+
d,
|
|
16
16
|
{
|
|
17
17
|
...t || {},
|
|
18
18
|
className: i(
|
|
@@ -36,10 +36,10 @@ const s = (e) => {
|
|
|
36
36
|
...o || {},
|
|
37
37
|
className: i(
|
|
38
38
|
"flex items-center justify-center",
|
|
39
|
-
"max-w-[320px] p-
|
|
39
|
+
"max-w-[320px] p-1",
|
|
40
40
|
"bg-[#FCFCFC] border-none",
|
|
41
41
|
"shadow-[0px_4px_8px_rgba(13,14,43,0.125)]",
|
|
42
|
-
"text-[#363B4E] font-normal text-
|
|
42
|
+
"text-[#363B4E] font-normal text-sm leading-normal",
|
|
43
43
|
"whitespace-pre-wrap",
|
|
44
44
|
o?.className
|
|
45
45
|
),
|
package/Tooltip/Tooltip.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import { CircleQuestionMarkIcon } from 'lucide-react';\nimport { PropsWithChildren } from \"react\";\n\nimport { cn } from \"@oneplatformdev/utils\";\nimport type { TooltipProps } from \"./Tooltip.types\";\nimport { TooltipRoot, TooltipTrigger, TooltipContent, TooltipProvider } from \"./TooltipRoot\";\n\nexport const TooltipInner = (props: PropsWithChildren<TooltipProps>) => {\n const { triggerProps, contentProps, message, children, showQuestionMark = false, ...rest } = props;\n return (\n <TooltipRoot\n defaultOpen={false}\n delayDuration={300}\n {...rest}\n >\n\n <TooltipTrigger\n {...(triggerProps || {})}\n className={cn(\n 'flex flex-row gap-1 w-fit',\n 'items-center',\n 'cursor-pointer',\n 'outline-none',\n triggerProps?.className\n )}\n type='button'\n >\n {children}\n {showQuestionMark && <CircleQuestionMarkIcon/>}\n </TooltipTrigger>\n\n <TooltipContent\n align=\"center\"\n {...(contentProps || {})}\n className={cn(\n 'flex items-center justify-center',\n 'max-w-[320px] p-
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import { CircleQuestionMarkIcon } from 'lucide-react';\nimport { PropsWithChildren } from \"react\";\n\nimport { cn } from \"@oneplatformdev/utils\";\nimport type { TooltipProps } from \"./Tooltip.types\";\nimport { TooltipRoot, TooltipTrigger, TooltipContent, TooltipProvider } from \"./TooltipRoot\";\n\nexport const TooltipInner = (props: PropsWithChildren<TooltipProps>) => {\n const { triggerProps, contentProps, message, children, showQuestionMark = false, ...rest } = props;\n return (\n <TooltipRoot\n defaultOpen={false}\n delayDuration={300}\n {...rest}\n >\n\n <TooltipTrigger\n {...(triggerProps || {})}\n className={cn(\n 'flex flex-row gap-1 w-fit',\n 'items-center',\n 'cursor-pointer',\n 'outline-none',\n triggerProps?.className\n )}\n type='button'\n >\n {children}\n {showQuestionMark && <CircleQuestionMarkIcon/>}\n </TooltipTrigger>\n\n <TooltipContent\n align=\"center\"\n {...(contentProps || {})}\n className={cn(\n 'flex items-center justify-center',\n 'max-w-[320px] p-1',\n 'bg-[#FCFCFC] border-none',\n 'shadow-[0px_4px_8px_rgba(13,14,43,0.125)]',\n 'text-[#363B4E] font-normal text-sm leading-normal',\n 'whitespace-pre-wrap',\n contentProps?.className\n )}\n >\n {message || ''}\n </TooltipContent>\n </TooltipRoot>\n );\n};\n\nexport const Tooltip = (props: PropsWithChildren<TooltipProps>) => {\n const { skipProvider = true } = props;\n if (skipProvider) return <TooltipInner {...props}/>;\n return (\n <TooltipProvider>\n <TooltipInner {...props}/>\n </TooltipProvider>\n );\n};\n"],"names":["TooltipInner","props","triggerProps","contentProps","message","children","showQuestionMark","rest","jsxs","TooltipRoot","TooltipTrigger","cn","CircleQuestionMarkIcon","jsx","TooltipContent","Tooltip","skipProvider","TooltipProvider"],"mappings":";;;;AAOO,MAAMA,IAAe,CAACC,MAA2C;AACtE,QAAM,EAAE,cAAAC,GAAc,cAAAC,GAAc,SAAAC,GAAS,UAAAC,GAAU,kBAAAC,IAAmB,IAAO,GAAGC,EAAA,IAASN;AAC7F,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAa;AAAA,MACb,eAAe;AAAA,MACd,GAAGF;AAAA,MAGJ,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACE;AAAA,UAAA;AAAA,YACE,GAAIR,KAAgB,CAAA;AAAA,YACrB,WAAWS;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACAT,GAAc;AAAA,YAAA;AAAA,YAEhB,MAAK;AAAA,YAEJ,UAAA;AAAA,cAAAG;AAAA,cACAC,uBAAqBM,GAAA,CAAA,CAAsB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAG9C,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACL,GAAIX,KAAgB,CAAA;AAAA,YACrB,WAAWQ;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACAR,GAAc;AAAA,YAAA;AAAA,YAGf,UAAAC,KAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAGN,GAEaW,IAAU,CAACd,MAA2C;AACjE,QAAM,EAAE,cAAAe,IAAe,GAAA,IAASf;AAChC,SAAIe,IAAqB,gBAAAH,EAACb,GAAA,EAAc,GAAGC,EAAA,CAAM,sBAE9CgB,GAAA,EACC,UAAA,gBAAAJ,EAACb,GAAA,EAAc,GAAGC,GAAM,GAC1B;AAEJ;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oneplatformdev/ui",
|
|
3
|
-
"version": "0.1.10-
|
|
3
|
+
"version": "0.1.10-65",
|
|
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/
|
|
109
|
-
"@oneplatformdev/
|
|
110
|
-
"@oneplatformdev/utils": "^0.1.1-
|
|
108
|
+
"@oneplatformdev/tokens": "^0.0.1-87",
|
|
109
|
+
"@oneplatformdev/hooks": "^0.1.0-100",
|
|
110
|
+
"@oneplatformdev/utils": "^0.1.1-114"
|
|
111
111
|
}
|
|
112
112
|
}
|