@oneplatformdev/ui 0.1.10-75 → 0.1.10-76
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 +8 -0
- package/Select/Select.js +41 -41
- package/Select/Select.js.map +1 -1
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
package/Select/Select.js
CHANGED
|
@@ -1,88 +1,88 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as s, jsx as r, Fragment as g } from "react/jsx-runtime";
|
|
2
2
|
import { createElement as m } from "react";
|
|
3
3
|
import { Button as h } from "../Button/Button.js";
|
|
4
4
|
import "../Button/buttonVariants.js";
|
|
5
|
-
import { SelectRoot as x, SelectContent as v, SelectTrigger as
|
|
6
|
-
import { isValidReactElement as C } from "@oneplatformdev/utils";
|
|
7
|
-
const
|
|
8
|
-
const { placeholder: t, renderTrigger: n, slotProps:
|
|
9
|
-
return n && typeof n == "function" && C(n(e,
|
|
10
|
-
},
|
|
11
|
-
const { children: t, option: n, deep:
|
|
12
|
-
return /* @__PURE__ */
|
|
5
|
+
import { SelectRoot as x, SelectContent as v, SelectTrigger as y, SelectValue as S, SelectItem as b } from "./SelectRoot.js";
|
|
6
|
+
import { isValidReactElement as C, cn as R } from "@oneplatformdev/utils";
|
|
7
|
+
const N = (e) => {
|
|
8
|
+
const { placeholder: t, renderTrigger: n, slotProps: o } = e, l = /* @__PURE__ */ r(y, { ...o?.triggerProps || {}, children: /* @__PURE__ */ r(S, { placeholder: t }) });
|
|
9
|
+
return n && typeof n == "function" && C(n(e, l)) ? n(e, l) : l;
|
|
10
|
+
}, c = (e) => {
|
|
11
|
+
const { children: t, option: n, deep: o = 0, className: l, style: i = {} } = e;
|
|
12
|
+
return /* @__PURE__ */ s(
|
|
13
13
|
b,
|
|
14
14
|
{
|
|
15
15
|
value: n.value,
|
|
16
16
|
disabled: n.disabled,
|
|
17
|
-
className: "cursor-pointer",
|
|
18
|
-
style: { paddingLeft: `calc(8px + ${(
|
|
17
|
+
className: R("cursor-pointer", l),
|
|
18
|
+
style: { paddingLeft: `calc(8px + ${(o || 0) * 8}px)`, ...i || {} },
|
|
19
19
|
children: [
|
|
20
20
|
!t && n.label,
|
|
21
|
-
t && /* @__PURE__ */
|
|
21
|
+
t && /* @__PURE__ */ r(g, { children: typeof t == "function" ? t({ ...e }) : t })
|
|
22
22
|
]
|
|
23
23
|
},
|
|
24
24
|
n.value
|
|
25
25
|
);
|
|
26
26
|
}, p = (e) => {
|
|
27
|
-
const { renderOption: t, option: n, index:
|
|
28
|
-
return t ? t && typeof t != "function" ? /* @__PURE__ */
|
|
27
|
+
const { renderOption: t, option: n, index: o, options: l, deep: i = 0, ...u } = e;
|
|
28
|
+
return t ? t && typeof t != "function" ? /* @__PURE__ */ r(c, { ...e }) : t && typeof t == "function" ? t(
|
|
29
29
|
n,
|
|
30
|
-
r,
|
|
31
30
|
o,
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
31
|
+
l,
|
|
32
|
+
{ ...u, options: l },
|
|
33
|
+
/* @__PURE__ */ r(c, { ...e })
|
|
34
|
+
) : n.children?.length ? /* @__PURE__ */ s(
|
|
35
35
|
"div",
|
|
36
36
|
{
|
|
37
37
|
className: "flex flex-col gap-1 truncate line-clamp-2",
|
|
38
38
|
children: [
|
|
39
|
-
/* @__PURE__ */
|
|
40
|
-
n.children?.map((
|
|
39
|
+
/* @__PURE__ */ r(c, { ...e }),
|
|
40
|
+
n.children?.map((a, d, f) => /* @__PURE__ */ m(
|
|
41
41
|
p,
|
|
42
42
|
{
|
|
43
43
|
...e,
|
|
44
|
-
key:
|
|
45
|
-
option:
|
|
44
|
+
key: a.value,
|
|
45
|
+
option: a,
|
|
46
46
|
options: f,
|
|
47
|
-
index:
|
|
48
|
-
deep: (
|
|
47
|
+
index: d,
|
|
48
|
+
deep: (i || 0) + 1
|
|
49
49
|
}
|
|
50
50
|
))
|
|
51
51
|
]
|
|
52
52
|
},
|
|
53
53
|
n.value
|
|
54
|
-
) : /* @__PURE__ */
|
|
55
|
-
},
|
|
54
|
+
) : /* @__PURE__ */ r(c, { ...e }) : /* @__PURE__ */ r(c, { ...e });
|
|
55
|
+
}, B = (e) => {
|
|
56
56
|
const {
|
|
57
57
|
value: t,
|
|
58
58
|
options: n,
|
|
59
|
-
onChange:
|
|
60
|
-
nullable:
|
|
61
|
-
clearLabel:
|
|
62
|
-
disabled:
|
|
63
|
-
slotProps:
|
|
59
|
+
onChange: o,
|
|
60
|
+
nullable: l = !1,
|
|
61
|
+
clearLabel: i = "Clear",
|
|
62
|
+
disabled: u,
|
|
63
|
+
slotProps: a
|
|
64
64
|
} = e;
|
|
65
|
-
return /* @__PURE__ */
|
|
66
|
-
/* @__PURE__ */
|
|
67
|
-
/* @__PURE__ */
|
|
68
|
-
|
|
65
|
+
return /* @__PURE__ */ s(x, { value: t, onValueChange: o, disabled: u, children: [
|
|
66
|
+
/* @__PURE__ */ r(N, { ...e }),
|
|
67
|
+
/* @__PURE__ */ s(v, { ...a?.selectProps || {}, children: [
|
|
68
|
+
l && /* @__PURE__ */ r(
|
|
69
69
|
h,
|
|
70
70
|
{
|
|
71
71
|
className: "w-full px-2",
|
|
72
72
|
variant: "secondary",
|
|
73
73
|
size: "sm",
|
|
74
74
|
onClick: () => {
|
|
75
|
-
|
|
75
|
+
o?.("");
|
|
76
76
|
},
|
|
77
|
-
children:
|
|
77
|
+
children: i
|
|
78
78
|
}
|
|
79
79
|
),
|
|
80
|
-
n.map((
|
|
80
|
+
n.map((d, f) => /* @__PURE__ */ m(
|
|
81
81
|
p,
|
|
82
82
|
{
|
|
83
83
|
...e,
|
|
84
|
-
key:
|
|
85
|
-
option:
|
|
84
|
+
key: d.value,
|
|
85
|
+
option: d,
|
|
86
86
|
index: f,
|
|
87
87
|
deep: 0
|
|
88
88
|
}
|
|
@@ -91,6 +91,6 @@ const R = (e) => {
|
|
|
91
91
|
] });
|
|
92
92
|
};
|
|
93
93
|
export {
|
|
94
|
-
|
|
94
|
+
B as Select
|
|
95
95
|
};
|
|
96
96
|
//# sourceMappingURL=Select.js.map
|
package/Select/Select.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sources":["../../src/Select/Select.tsx"],"sourcesContent":["import { isValidElement, ReactNode } from 'react';\n\nimport { Button } from '../Button';\nimport {\n SelectContent,\n SelectItem,\n SelectOption,\n SelectProps,\n SelectRoot,\n SelectTrigger,\n SelectValue,\n} from '../Select';\nimport { isValidReactElement } from '@oneplatformdev/utils';\n\nconst RenderSelectTrigger = <ExtendOptionData,>(\n props: SelectProps<ExtendOptionData>\n) => {\n const { placeholder, renderTrigger, slotProps } = props;\n const defaultComponent = (\n <SelectTrigger {...(slotProps?.triggerProps || {})}>\n <SelectValue placeholder={placeholder} />\n </SelectTrigger>\n );\n\n if (\n Boolean(renderTrigger) &&\n typeof renderTrigger === 'function' &&\n isValidReactElement(renderTrigger(props, defaultComponent))\n ) {\n return renderTrigger(props, defaultComponent);\n }\n\n return defaultComponent;\n};\n\nconst DefaultRenderSelectOption = <ExtendOptionData,>(\n props: SelectProps<ExtendOptionData> & {\n option: SelectOption<ExtendOptionData>;\n index: number;\n deep?: number;\n children?: ((params: SelectProps<ExtendOptionData> & {\n option: SelectOption<ExtendOptionData>;\n index: number;\n }) => ReactNode) | ReactNode;\n }
|
|
1
|
+
{"version":3,"file":"Select.js","sources":["../../src/Select/Select.tsx"],"sourcesContent":["import { HTMLAttributes, isValidElement, ReactNode } from 'react';\n\nimport { Button } from '../Button';\nimport {\n SelectContent,\n SelectItem,\n SelectOption,\n SelectProps,\n SelectRoot,\n SelectTrigger,\n SelectValue,\n} from '../Select';\nimport { cn, isValidReactElement } from '@oneplatformdev/utils';\n\nconst RenderSelectTrigger = <ExtendOptionData,>(\n props: SelectProps<ExtendOptionData>\n) => {\n const { placeholder, renderTrigger, slotProps } = props;\n const defaultComponent = (\n <SelectTrigger {...(slotProps?.triggerProps || {})}>\n <SelectValue placeholder={placeholder} />\n </SelectTrigger>\n );\n\n if (\n Boolean(renderTrigger) &&\n typeof renderTrigger === 'function' &&\n isValidReactElement(renderTrigger(props, defaultComponent))\n ) {\n return renderTrigger(props, defaultComponent);\n }\n\n return defaultComponent;\n};\n\nconst DefaultRenderSelectOption = <ExtendOptionData,>(\n props: SelectProps<ExtendOptionData> & {\n option: SelectOption<ExtendOptionData>;\n index: number;\n deep?: number;\n children?: ((params: SelectProps<ExtendOptionData> & {\n option: SelectOption<ExtendOptionData>;\n index: number;\n }) => ReactNode) | ReactNode;\n } & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>\n) => {\n const { children, option, deep = 0, className, style = {} } = props;\n\n return (\n <SelectItem\n key={option.value}\n value={option.value}\n disabled={option.disabled}\n className={cn('cursor-pointer', className)}\n style={{ paddingLeft: `calc(8px + ${(deep || 0) * 8}px)`, ...(style || {}) }}\n >\n {!children && option.label}\n {children && (\n <>\n {typeof children === 'function'\n ? children({ ...props })\n : children\n }\n </>\n )}\n </SelectItem>\n )\n};\n\nconst RenderSelectOption = <ExtendOptionData,>(\n props: SelectProps<ExtendOptionData> & {\n option: SelectOption<ExtendOptionData>;\n index: number;\n deep?: number;\n }\n) => {\n const { renderOption, option, index, options, deep = 0, ...rest } = props;\n if(!renderOption) return <DefaultRenderSelectOption {...props} />;\n if(renderOption && typeof renderOption !== 'function') return <DefaultRenderSelectOption {...props} />;\n if(renderOption && typeof renderOption === 'function') return renderOption(\n option,\n index,\n options,\n { ...rest, options },\n <DefaultRenderSelectOption {...props} />\n )\n\n if(!option.children?.length) {\n return <DefaultRenderSelectOption {...props} />;\n }\n\n return (\n <div\n key={option.value}\n className=\"flex flex-col gap-1 truncate line-clamp-2\"\n >\n <DefaultRenderSelectOption {...props} />\n {option.children?.map((child, idx, arr) => (\n <RenderSelectOption\n {...props}\n key={child.value}\n option={child}\n options={arr}\n index={idx}\n deep={(deep || 0) + 1}\n />\n ))}\n </div>\n )\n};\n\n// TODO: add description\nexport const Select = <ExtendOptionData,>(\n props: SelectProps<ExtendOptionData>\n) => {\n const {\n value,\n options,\n onChange,\n nullable = false,\n clearLabel = 'Clear',\n disabled,\n slotProps,\n } = props;\n\n return (\n <SelectRoot value={value} onValueChange={onChange} disabled={disabled}>\n <RenderSelectTrigger {...props} />\n <SelectContent {...(slotProps?.selectProps || {})}>\n {nullable && (\n <Button\n className=\"w-full px-2\"\n variant=\"secondary\"\n size=\"sm\"\n onClick={() => {\n onChange?.('');\n }}\n >\n {clearLabel}\n </Button>\n )}\n {options.map((option, index) => (\n <RenderSelectOption\n {...props}\n key={option.value}\n option={option}\n index={index}\n deep={0}\n />\n ))}\n </SelectContent>\n </SelectRoot>\n );\n};\n"],"names":["RenderSelectTrigger","props","placeholder","renderTrigger","slotProps","defaultComponent","jsx","SelectTrigger","SelectValue","isValidReactElement","DefaultRenderSelectOption","children","option","deep","className","style","jsxs","SelectItem","cn","Fragment","RenderSelectOption","renderOption","index","options","rest","child","idx","arr","createElement","Select","value","onChange","nullable","clearLabel","disabled","SelectRoot","SelectContent","Button"],"mappings":"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"}
|
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-76",
|
|
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.1-
|
|
109
|
-
"@oneplatformdev/hooks": "^0.1.0-
|
|
110
|
-
"@oneplatformdev/utils": "^0.1.1-
|
|
108
|
+
"@oneplatformdev/tokens": "^0.0.1-98",
|
|
109
|
+
"@oneplatformdev/hooks": "^0.1.0-111",
|
|
110
|
+
"@oneplatformdev/utils": "^0.1.1-125"
|
|
111
111
|
}
|
|
112
112
|
}
|