@oneplatformdev/ui 0.1.99-beta.82 → 0.1.99-beta.84
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/CHANGELOG.md +16 -0
- package/Checkbox/Checkbox.d.ts.map +1 -1
- package/Checkbox/Checkbox.js +34 -32
- package/Checkbox/Checkbox.js.map +1 -1
- package/Checkbox/Checkbox.stories.js +108 -0
- package/Checkbox/Checkbox.stories.js.map +1 -0
- package/Command/Command.js +2 -2
- package/Command/Command.js.map +1 -1
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
## 0.1.99-beta.84 (2026-01-26)
|
|
2
|
+
|
|
3
|
+
### 🧱 Updated Dependencies
|
|
4
|
+
|
|
5
|
+
- Updated @oneplatformdev/utils to 0.1.99-beta.84
|
|
6
|
+
- Updated @oneplatformdev/hooks to 0.1.99-beta.84
|
|
7
|
+
- Updated @oneplatformdev/tokens to 0.1.99-beta.84
|
|
8
|
+
|
|
9
|
+
## 0.1.99-beta.83 (2026-01-26)
|
|
10
|
+
|
|
11
|
+
### 🧱 Updated Dependencies
|
|
12
|
+
|
|
13
|
+
- Updated @oneplatformdev/utils to 0.1.99-beta.83
|
|
14
|
+
- Updated @oneplatformdev/hooks to 0.1.99-beta.83
|
|
15
|
+
- Updated @oneplatformdev/tokens to 0.1.99-beta.83
|
|
16
|
+
|
|
1
17
|
## 0.1.99-beta.82 (2026-01-26)
|
|
2
18
|
|
|
3
19
|
### 🧱 Updated Dependencies
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAI1E,QAAA,MAAM,QAAQ,yFA0BZ,CAAC;AAGH,QAAA,MAAM,aAAa,6FAyBjB,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC"}
|
package/Checkbox/Checkbox.js
CHANGED
|
@@ -1,55 +1,57 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as t, jsxs as l } from "react/jsx-runtime";
|
|
2
2
|
import * as c from "@radix-ui/react-checkbox";
|
|
3
|
-
import { MinusIcon as
|
|
4
|
-
import * as
|
|
5
|
-
import { cn as
|
|
3
|
+
import { MinusIcon as m, CheckIcon as p } from "lucide-react";
|
|
4
|
+
import * as n from "react";
|
|
5
|
+
import { cn as o } from "@oneplatformdev/utils";
|
|
6
6
|
import { Label as h } from "../Label/Label.js";
|
|
7
7
|
import "../Label/labelVariants.js";
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
return /* @__PURE__ */
|
|
8
|
+
const d = n.forwardRef(({ className: s, checked: a, indeterminate: e, ...r }, i) => {
|
|
9
|
+
const f = e ? m : p;
|
|
10
|
+
return /* @__PURE__ */ t(
|
|
11
11
|
c.Root,
|
|
12
12
|
{
|
|
13
|
-
ref:
|
|
14
|
-
className:
|
|
15
|
-
"peer
|
|
16
|
-
|
|
13
|
+
ref: i,
|
|
14
|
+
className: o(
|
|
15
|
+
"peer size-5 shrink-0 rounded-sm",
|
|
16
|
+
"shadow-none border",
|
|
17
|
+
"border-[#666A78] data-[state=checked]:border-[#9368FF]",
|
|
18
|
+
"bg-transparent data-[state=checked]:bg-[#9368FF]",
|
|
19
|
+
"bg-transparent data-[state=checked]:bg-[#9368FF] data-[state=checked]:text-[#fff]",
|
|
20
|
+
"focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring",
|
|
21
|
+
"disabled:cursor-not-allowed disabled:opacity-50",
|
|
22
|
+
s
|
|
17
23
|
),
|
|
18
|
-
...
|
|
19
|
-
checked:
|
|
20
|
-
children: /* @__PURE__ */
|
|
21
|
-
c.Indicator,
|
|
22
|
-
{
|
|
23
|
-
className: i("flex items-center justify-center text-current"),
|
|
24
|
-
children: /* @__PURE__ */ r(d, { className: "h-4 w-4" })
|
|
25
|
-
}
|
|
26
|
-
)
|
|
24
|
+
...r,
|
|
25
|
+
checked: a ?? e,
|
|
26
|
+
children: /* @__PURE__ */ t(c.Indicator, { className: o("flex items-center justify-center"), children: /* @__PURE__ */ t(f, { className: "size-4 fill-[#9368FF]" }) })
|
|
27
27
|
}
|
|
28
28
|
);
|
|
29
29
|
});
|
|
30
|
-
|
|
31
|
-
const
|
|
30
|
+
d.displayName = c.Root.displayName;
|
|
31
|
+
const x = n.forwardRef(({ label: s = "", children: a, labelProps: e, ...r }, i) => /* @__PURE__ */ l(
|
|
32
32
|
h,
|
|
33
33
|
{
|
|
34
|
-
ref:
|
|
34
|
+
ref: i,
|
|
35
35
|
...e,
|
|
36
|
-
className:
|
|
37
|
-
"flex w-
|
|
36
|
+
className: o(
|
|
37
|
+
"flex w-fit items-start gap-2 py-2 pl-1",
|
|
38
|
+
"text-[#06080D] text-md font-medium",
|
|
39
|
+
"cursor-pointer",
|
|
38
40
|
e?.className
|
|
39
41
|
),
|
|
40
42
|
style: e?.style,
|
|
41
43
|
children: [
|
|
42
|
-
/* @__PURE__ */
|
|
43
|
-
/* @__PURE__ */ l("div", { className: "flex flex-col w-
|
|
44
|
-
/* @__PURE__ */
|
|
45
|
-
|
|
44
|
+
/* @__PURE__ */ t("div", { className: "size-6 aspect-square flex items-center justify-center", children: /* @__PURE__ */ t(d, { ...r }) }),
|
|
45
|
+
/* @__PURE__ */ l("div", { className: "flex flex-col w-fit gap-3", children: [
|
|
46
|
+
/* @__PURE__ */ t("span", { className: "inline-flex w-fit flex-col justify-start leading-[24px]", children: s }),
|
|
47
|
+
a
|
|
46
48
|
] })
|
|
47
49
|
]
|
|
48
50
|
}
|
|
49
51
|
));
|
|
50
|
-
|
|
52
|
+
x.displayName = "CheckboxLabel";
|
|
51
53
|
export {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
+
d as Checkbox,
|
|
55
|
+
x as CheckboxLabel
|
|
54
56
|
};
|
|
55
57
|
//# sourceMappingURL=Checkbox.js.map
|
package/Checkbox/Checkbox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sources":["../../src/Checkbox/Checkbox.tsx"],"sourcesContent":["'use client';\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { CheckIcon, MinusIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { cn } from '@oneplatformdev/utils';\nimport type { CheckboxLabelProps, CheckboxProps } from './Checkbox.types';\n\nimport { Label } from '../Label';\n\
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":["../../src/Checkbox/Checkbox.tsx"],"sourcesContent":["'use client';\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { CheckIcon, MinusIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { cn } from '@oneplatformdev/utils';\nimport type { CheckboxLabelProps, CheckboxProps } from './Checkbox.types';\n\nimport { Label } from '../Label';\n\nconst Checkbox = React.forwardRef<\n\tReact.ElementRef<typeof CheckboxPrimitive.Root>,\n\tCheckboxProps\n>(({ className, checked, indeterminate, ...props }, ref) => {\n\tconst Icon = indeterminate ? MinusIcon : CheckIcon;\n\treturn (\n\t\t<CheckboxPrimitive.Root\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t\"peer size-5 shrink-0 rounded-sm\",\n 'shadow-none border',\n 'border-[#666A78] data-[state=checked]:border-[#9368FF]',\n 'bg-transparent data-[state=checked]:bg-[#9368FF]',\n 'bg-transparent data-[state=checked]:bg-[#9368FF] data-[state=checked]:text-[#fff]',\n 'focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring',\n 'disabled:cursor-not-allowed disabled:opacity-50',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\t{...props}\n\t\t\tchecked={checked ?? indeterminate}\n\t\t>\n\t\t\t<CheckboxPrimitive.Indicator className={cn(\"flex items-center justify-center\")}>\n <Icon className=\"size-4 fill-[#9368FF]\" />\n\t\t\t</CheckboxPrimitive.Indicator>\n\t\t</CheckboxPrimitive.Root>\n\t);\n});\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\n\nconst CheckboxLabel = React.forwardRef<\n\tHTMLLabelElement,\n\tCheckboxLabelProps\n>(({ label = '', children, labelProps, ...rest }, ref) => {\n\treturn (\n\t\t<Label\n\t\t\tref={ref}\n\t\t\t{...labelProps}\n className={cn(\n 'flex w-fit items-start gap-2 py-2 pl-1',\n 'text-[#06080D] text-md font-medium',\n 'cursor-pointer',\n labelProps?.className,\n )}\n\t\t\tstyle={labelProps?.style}\n\t\t>\n <div className='size-6 aspect-square flex items-center justify-center'>\n <Checkbox {...rest} />\n </div>\n <div className='flex flex-col w-fit gap-3'>\n <span className='inline-flex w-fit flex-col justify-start leading-[24px]'>{label}</span>\n {children}\n </div>\n\t\t</Label>\n\t);\n});\nCheckboxLabel.displayName = 'CheckboxLabel';\n\nexport { Checkbox, CheckboxLabel };\n"],"names":["Checkbox","React","className","checked","indeterminate","props","ref","Icon","MinusIcon","CheckIcon","jsx","CheckboxPrimitive","cn","CheckboxLabel","label","children","labelProps","rest","jsxs","Label"],"mappings":";;;;;;;AAWA,MAAMA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,eAAAC,GAAe,GAAGC,EAAA,GAASC,MAAQ;AAC3D,QAAMC,IAAOH,IAAgBI,IAAYC;AACzC,SACC,gBAAAC;AAAA,IAACC,EAAkB;AAAA,IAAlB;AAAA,MACA,KAAAL;AAAA,MACA,WAAWM;AAAA,QACV;AAAA,QACI;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACJV;AAAA,MAAA;AAAA,MAEA,GAAGG;AAAA,MACJ,SAASF,KAAWC;AAAA,MAEpB,UAAA,gBAAAM,EAACC,EAAkB,WAAlB,EAA4B,WAAWC,EAAG,kCAAkC,GACxE,UAAA,gBAAAF,EAACH,GAAA,EAAK,WAAU,wBAAA,CAAwB,EAAA,CAC7C;AAAA,IAAA;AAAA,EAAA;AAGH,CAAC;AACDP,EAAS,cAAcW,EAAkB,KAAK;AAE9C,MAAME,IAAgBZ,EAAM,WAG1B,CAAC,EAAE,OAAAa,IAAQ,IAAI,UAAAC,GAAU,YAAAC,GAAY,GAAGC,EAAA,GAAQX,MAEhD,gBAAAY;AAAA,EAACC;AAAA,EAAA;AAAA,IACA,KAAAb;AAAA,IACC,GAAGU;AAAA,IACD,WAAWJ;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACAI,GAAY;AAAA,IAAA;AAAA,IAEjB,OAAOA,GAAY;AAAA,IAEhB,UAAA;AAAA,MAAA,gBAAAN,EAAC,SAAI,WAAU,yDACb,4BAACV,GAAA,EAAU,GAAGiB,GAAM,EAAA,CACtB;AAAA,MACA,gBAAAC,EAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,QAAA,gBAAAR,EAAC,QAAA,EAAK,WAAU,2DAA2D,UAAAI,GAAM;AAAA,QAChFC;AAAA,MAAA,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAAA,CAGL;AACDF,EAAc,cAAc;"}
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import n from "react";
|
|
3
|
+
import { CheckboxLabel as m, Checkbox as b } from "./Checkbox.js";
|
|
4
|
+
function f(e) {
|
|
5
|
+
const {
|
|
6
|
+
checked: a,
|
|
7
|
+
indeterminate: o,
|
|
8
|
+
onCheckedChange: l,
|
|
9
|
+
...s
|
|
10
|
+
} = e, [i, d] = n.useState(a ?? !1), [h, r] = n.useState(!!o);
|
|
11
|
+
return n.useEffect(() => {
|
|
12
|
+
d(a ?? !1);
|
|
13
|
+
}, [a]), n.useEffect(() => {
|
|
14
|
+
r(!!o);
|
|
15
|
+
}, [o]), /* @__PURE__ */ t(
|
|
16
|
+
b,
|
|
17
|
+
{
|
|
18
|
+
...s,
|
|
19
|
+
checked: i,
|
|
20
|
+
indeterminate: h,
|
|
21
|
+
onCheckedChange: (c) => {
|
|
22
|
+
d(c), c === "indeterminate" && r(!0), l?.(c);
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
);
|
|
26
|
+
}
|
|
27
|
+
function k(e) {
|
|
28
|
+
const {
|
|
29
|
+
checked: a,
|
|
30
|
+
indeterminate: o,
|
|
31
|
+
onCheckedChange: l,
|
|
32
|
+
...s
|
|
33
|
+
} = e, [i, d] = n.useState(a ?? !1), [h, r] = n.useState(!!o);
|
|
34
|
+
return n.useEffect(() => {
|
|
35
|
+
d(a ?? !1);
|
|
36
|
+
}, [a]), n.useEffect(() => {
|
|
37
|
+
r(!!o);
|
|
38
|
+
}, [o]), /* @__PURE__ */ t(
|
|
39
|
+
m,
|
|
40
|
+
{
|
|
41
|
+
...s,
|
|
42
|
+
checked: i,
|
|
43
|
+
indeterminate: h,
|
|
44
|
+
onCheckedChange: (c) => {
|
|
45
|
+
d(c), c === "indeterminate" && r(!0), l?.(c);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
);
|
|
49
|
+
}
|
|
50
|
+
const x = {
|
|
51
|
+
title: "Input/Checkbox",
|
|
52
|
+
component: b,
|
|
53
|
+
subcomponents: { CheckboxLabel: m },
|
|
54
|
+
parameters: { layout: "centered" },
|
|
55
|
+
tags: ["autodocs"],
|
|
56
|
+
args: {
|
|
57
|
+
checked: !1,
|
|
58
|
+
indeterminate: !1,
|
|
59
|
+
disabled: !1
|
|
60
|
+
},
|
|
61
|
+
argTypes: {
|
|
62
|
+
checked: { control: "boolean" },
|
|
63
|
+
indeterminate: { control: "boolean" },
|
|
64
|
+
disabled: { control: "boolean" },
|
|
65
|
+
className: { control: "text" }
|
|
66
|
+
}
|
|
67
|
+
}, y = {
|
|
68
|
+
render: (e) => /* @__PURE__ */ t(f, { ...e })
|
|
69
|
+
}, L = {
|
|
70
|
+
args: { checked: !1, indeterminate: !0 },
|
|
71
|
+
render: (e) => /* @__PURE__ */ t(f, { ...e })
|
|
72
|
+
}, S = {
|
|
73
|
+
args: { disabled: !0 },
|
|
74
|
+
render: (e) => /* @__PURE__ */ t(f, { ...e })
|
|
75
|
+
}, B = {
|
|
76
|
+
name: "CheckboxLabel / Default",
|
|
77
|
+
args: {
|
|
78
|
+
label: "Погоджуюсь з умовами",
|
|
79
|
+
checked: !1,
|
|
80
|
+
indeterminate: !1,
|
|
81
|
+
disabled: !1
|
|
82
|
+
},
|
|
83
|
+
argTypes: {
|
|
84
|
+
label: { control: "text" },
|
|
85
|
+
checked: { control: "boolean" },
|
|
86
|
+
indeterminate: { control: "boolean" },
|
|
87
|
+
disabled: { control: "boolean" }
|
|
88
|
+
},
|
|
89
|
+
render: (e) => /* @__PURE__ */ t("div", { style: { width: 520 }, children: /* @__PURE__ */ t(k, { ...e }) })
|
|
90
|
+
}, D = {
|
|
91
|
+
name: "CheckboxLabel / With description",
|
|
92
|
+
args: {
|
|
93
|
+
label: "Отримувати новини на email",
|
|
94
|
+
checked: !0,
|
|
95
|
+
indeterminate: !1,
|
|
96
|
+
disabled: !1
|
|
97
|
+
},
|
|
98
|
+
render: (e) => /* @__PURE__ */ t("div", { style: { width: 520 }, children: /* @__PURE__ */ t(k, { ...e, children: /* @__PURE__ */ t("span", { style: { fontSize: 14, opacity: 0.75 }, children: "Можна відписатися будь-коли в налаштуваннях профілю." }) }) })
|
|
99
|
+
};
|
|
100
|
+
export {
|
|
101
|
+
y as Default,
|
|
102
|
+
S as Disabled,
|
|
103
|
+
L as Indeterminate,
|
|
104
|
+
B as Label,
|
|
105
|
+
D as LabelWithDescription,
|
|
106
|
+
x as default
|
|
107
|
+
};
|
|
108
|
+
//# sourceMappingURL=Checkbox.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.stories.js","sources":["../../src/Checkbox/Checkbox.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react';\nimport React from 'react';\nimport type { CheckedState } from '@radix-ui/react-checkbox';\n\nimport { Checkbox, CheckboxLabel } from './Checkbox';\n\nfunction ControlledCheckbox(props: React.ComponentProps<typeof Checkbox>) {\n const {\n checked: checkedProp,\n indeterminate: indeterminateProp,\n onCheckedChange,\n ...rest\n } = props;\n\n const [checked, setChecked] = React.useState<CheckedState>(checkedProp ?? false);\n const [indeterminate, setIndeterminate] = React.useState<boolean>(Boolean(indeterminateProp));\n\n // sync from Storybook controls\n React.useEffect(() => {\n setChecked(checkedProp ?? false);\n }, [checkedProp]);\n\n React.useEffect(() => {\n setIndeterminate(Boolean(indeterminateProp));\n }, [indeterminateProp]);\n\n const handleCheckedChange = (v: CheckedState) => {\n setChecked(v);\n\n // якщо прийшло indeterminate зі сторони Radix — підсвічуємо іконку мінуса\n if (v === 'indeterminate') setIndeterminate(true);\n\n onCheckedChange?.(v);\n };\n\n return (\n <Checkbox\n {...rest}\n checked={checked}\n indeterminate={indeterminate}\n onCheckedChange={handleCheckedChange}\n />\n );\n}\n\nfunction ControlledCheckboxLabel(props: React.ComponentProps<typeof CheckboxLabel>) {\n const {\n checked: checkedProp,\n indeterminate: indeterminateProp,\n onCheckedChange,\n ...rest\n } = props;\n\n const [checked, setChecked] = React.useState<CheckedState>(checkedProp ?? false);\n const [indeterminate, setIndeterminate] = React.useState<boolean>(Boolean(indeterminateProp));\n\n React.useEffect(() => {\n setChecked(checkedProp ?? false);\n }, [checkedProp]);\n\n React.useEffect(() => {\n setIndeterminate(Boolean(indeterminateProp));\n }, [indeterminateProp]);\n\n const handleCheckedChange = (v: CheckedState) => {\n setChecked(v);\n if (v === 'indeterminate') setIndeterminate(true);\n onCheckedChange?.(v);\n };\n\n return (\n <CheckboxLabel\n {...rest}\n checked={checked}\n indeterminate={indeterminate}\n onCheckedChange={handleCheckedChange}\n />\n );\n}\n\nconst meta: Meta<typeof Checkbox> = {\n title: 'Input/Checkbox',\n component: Checkbox,\n subcomponents: { CheckboxLabel },\n parameters: { layout: 'centered' },\n tags: ['autodocs'],\n args: {\n checked: false,\n indeterminate: false,\n disabled: false,\n },\n argTypes: {\n checked: { control: 'boolean' },\n indeterminate: { control: 'boolean' },\n disabled: { control: 'boolean' },\n className: { control: 'text' },\n },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Checkbox>;\n\nexport const Default: Story = {\n render: (args) => <ControlledCheckbox {...args} />,\n};\n\nexport const Indeterminate: Story = {\n args: { checked: false, indeterminate: true },\n render: (args) => <ControlledCheckbox {...args} />,\n};\n\nexport const Disabled: Story = {\n args: { disabled: true },\n render: (args) => <ControlledCheckbox {...args} />,\n};\n\nexport const Label: StoryObj<typeof CheckboxLabel> = {\n name: 'CheckboxLabel / Default',\n args: {\n label: 'Погоджуюсь з умовами',\n checked: false,\n indeterminate: false,\n disabled: false,\n },\n argTypes: {\n label: { control: 'text' },\n checked: { control: 'boolean' },\n indeterminate: { control: 'boolean' },\n disabled: { control: 'boolean' },\n },\n render: (args) => (\n <div style={{ width: 520 }}>\n <ControlledCheckboxLabel {...args} />\n </div>\n ),\n};\n\nexport const LabelWithDescription: StoryObj<typeof CheckboxLabel> = {\n name: 'CheckboxLabel / With description',\n args: {\n label: 'Отримувати новини на email',\n checked: true,\n indeterminate: false,\n disabled: false,\n },\n render: (args) => (\n <div style={{ width: 520 }}>\n <ControlledCheckboxLabel {...args}>\n <span style={{ fontSize: 14, opacity: 0.75 }}>\n Можна відписатися будь-коли в налаштуваннях профілю.\n </span>\n </ControlledCheckboxLabel>\n </div>\n ),\n};\n"],"names":["ControlledCheckbox","props","checkedProp","indeterminateProp","onCheckedChange","rest","checked","setChecked","React","indeterminate","setIndeterminate","jsx","Checkbox","v","ControlledCheckboxLabel","CheckboxLabel","meta","Default","args","Indeterminate","Disabled","Label","LabelWithDescription"],"mappings":"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"}
|
package/Command/Command.js
CHANGED
package/Command/Command.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Command.js","sources":["../../src/Command/Command.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Command as CommandPrimitive } from \"cmdk\"\nimport { SearchIcon } from \"lucide-react\"\n\nimport { cn } from \"@oneplatformdev/utils\"\nimport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogHeader,\n DialogTitle,\n} from \"../Dialog\"\nimport { HTMLAttributes } from \"react\";\n\nfunction Command({\n className,\n ...props\n }: React.ComponentProps<typeof CommandPrimitive>) {\n return (\n <CommandPrimitive\n data-slot=\"command\"\n className={cn(\n \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CommandDialog({\n title = \"Command Palette\",\n description = \"Search for a command to run...\",\n children,\n className,\n showCloseButton = true,\n ...props\n }: React.ComponentProps<typeof Dialog> & {\n title?: string\n description?: string\n className?: string\n showCloseButton?: boolean\n}) {\n return (\n <Dialog {...props}>\n <DialogHeader className=\"sr-only\">\n <DialogTitle>{title}</DialogTitle>\n <DialogDescription>{description}</DialogDescription>\n </DialogHeader>\n <DialogContent\n className={cn(\"overflow-hidden p-0\", className)}\n showCloseButton={showCloseButton}\n >\n <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n {children}\n </Command>\n </DialogContent>\n </Dialog>\n )\n}\n\nfunction CommandInput(\n props: React.ComponentProps<typeof CommandPrimitive.Input> & {\n slotProps?: {\n wrapper?: HTMLAttributes<HTMLDivElement>,\n }\n }\n) {\n const {\n className,\n slotProps,\n ...rest\n } = props;\n return (\n <div\n data-slot=\"command-input-wrapper\"\n {...slotProps?.wrapper}\n className={cn(\n \"flex h-9 items-center gap-2 border-b px-3\",\n slotProps?.wrapper?.className\n )}\n >\n <SearchIcon\n strokeWidth={
|
|
1
|
+
{"version":3,"file":"Command.js","sources":["../../src/Command/Command.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Command as CommandPrimitive } from \"cmdk\"\nimport { SearchIcon } from \"lucide-react\"\n\nimport { cn } from \"@oneplatformdev/utils\"\nimport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogHeader,\n DialogTitle,\n} from \"../Dialog\"\nimport { HTMLAttributes } from \"react\";\n\nfunction Command({\n className,\n ...props\n }: React.ComponentProps<typeof CommandPrimitive>) {\n return (\n <CommandPrimitive\n data-slot=\"command\"\n className={cn(\n \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CommandDialog({\n title = \"Command Palette\",\n description = \"Search for a command to run...\",\n children,\n className,\n showCloseButton = true,\n ...props\n }: React.ComponentProps<typeof Dialog> & {\n title?: string\n description?: string\n className?: string\n showCloseButton?: boolean\n}) {\n return (\n <Dialog {...props}>\n <DialogHeader className=\"sr-only\">\n <DialogTitle>{title}</DialogTitle>\n <DialogDescription>{description}</DialogDescription>\n </DialogHeader>\n <DialogContent\n className={cn(\"overflow-hidden p-0\", className)}\n showCloseButton={showCloseButton}\n >\n <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n {children}\n </Command>\n </DialogContent>\n </Dialog>\n )\n}\n\nfunction CommandInput(\n props: React.ComponentProps<typeof CommandPrimitive.Input> & {\n slotProps?: {\n wrapper?: HTMLAttributes<HTMLDivElement>,\n }\n }\n) {\n const {\n className,\n slotProps,\n ...rest\n } = props;\n return (\n <div\n data-slot=\"command-input-wrapper\"\n {...slotProps?.wrapper}\n className={cn(\n \"flex h-9 items-center gap-2 border-b px-3\",\n slotProps?.wrapper?.className\n )}\n >\n <SearchIcon\n strokeWidth={2}\n className=\"size-5 shrink-0 text-[#666A78]\"\n />\n <CommandPrimitive.Input\n data-slot=\"command-input\"\n className={cn(\n \"placeholder:text-[#666A78] flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50\",\n className\n )}\n {...rest}\n />\n </div>\n )\n}\n\n\nfunction CommandList({\n className,\n ...props\n }: React.ComponentProps<typeof CommandPrimitive.List>) {\n return (\n <CommandPrimitive.List\n data-slot=\"command-list\"\n className={cn(\n \"max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CommandEmpty({\n ...props\n }: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n return (\n <CommandPrimitive.Empty\n data-slot=\"command-empty\"\n className=\"py-6 text-center text-sm\"\n {...props}\n />\n )\n}\n\nfunction CommandGroup({\n className,\n ...props\n }: React.ComponentProps<typeof CommandPrimitive.Group>) {\n return (\n <CommandPrimitive.Group\n data-slot=\"command-group\"\n className={cn(\n \"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CommandSeparator({\n className,\n ...props\n }: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n return (\n <CommandPrimitive.Separator\n data-slot=\"command-separator\"\n className={cn(\"bg-border -mx-1 h-px\", className)}\n {...props}\n />\n )\n}\n\nfunction CommandItem({\n className,\n ...props\n }: React.ComponentProps<typeof CommandPrimitive.Item>) {\n return (\n <CommandPrimitive.Item\n data-slot=\"command-item\"\n className={cn(\n 'relative flex items-center gap-2 rounded-sm px-2 py-1.5 min-h-10 text-sm',\n 'cursor-pointer select-none',\n 'outline-hidden data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\\'size-\\'])]:size-4',\n \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CommandShortcut({\n className,\n ...props\n }: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"command-shortcut\"\n className={cn(\n \"text-muted-foreground ml-auto text-xs tracking-widest\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport {\n Command,\n CommandDialog,\n CommandInput,\n CommandList,\n CommandEmpty,\n CommandGroup,\n CommandItem,\n CommandShortcut,\n CommandSeparator,\n CommandPrimitive\n}\n"],"names":["Command","className","props","jsx","CommandPrimitive","cn","CommandDialog","title","description","children","showCloseButton","jsxs","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogContent","CommandInput","slotProps","rest","SearchIcon","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oneplatformdev/ui",
|
|
3
|
-
"version": "0.1.99-beta.
|
|
3
|
+
"version": "0.1.99-beta.84",
|
|
4
4
|
"description": "UI component library for OnePlatform",
|
|
5
5
|
"author": "One Platform Development Team",
|
|
6
6
|
"keywords": [
|
|
@@ -105,9 +105,9 @@
|
|
|
105
105
|
"recharts": "^3.2.0",
|
|
106
106
|
"sonner": "^2.0.7",
|
|
107
107
|
"vaul": "^1.1.2",
|
|
108
|
-
"@oneplatformdev/tokens": "^0.1.99-beta.
|
|
109
|
-
"@oneplatformdev/hooks": "^0.1.99-beta.
|
|
110
|
-
"@oneplatformdev/utils": "^0.1.99-beta.
|
|
108
|
+
"@oneplatformdev/tokens": "^0.1.99-beta.84",
|
|
109
|
+
"@oneplatformdev/hooks": "^0.1.99-beta.84",
|
|
110
|
+
"@oneplatformdev/utils": "^0.1.99-beta.84"
|
|
111
111
|
},
|
|
112
112
|
"scripts": {
|
|
113
113
|
"chromatic": "chromatic"
|