@simpleapps-com/augur-web 2.2.23 → 2.2.25
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/checkbox.cjs +4 -21
- package/dist/checkbox.cjs.map +1 -1
- package/dist/checkbox.js +3 -20
- package/dist/checkbox.js.map +1 -1
- package/dist/chunk-32XB3REY.cjs +34 -0
- package/dist/chunk-32XB3REY.cjs.map +1 -0
- package/dist/chunk-3UFEQSTN.js +26 -0
- package/dist/chunk-3UFEQSTN.js.map +1 -0
- package/dist/chunk-3VN3FX2Q.js +165 -0
- package/dist/chunk-3VN3FX2Q.js.map +1 -0
- package/dist/chunk-JXW4XE2P.cjs +143 -0
- package/dist/chunk-JXW4XE2P.cjs.map +1 -0
- package/dist/chunk-KHIHHL3A.js +52 -0
- package/dist/chunk-KHIHHL3A.js.map +1 -0
- package/dist/chunk-MOC5N2N4.js +143 -0
- package/dist/chunk-MOC5N2N4.js.map +1 -0
- package/dist/chunk-NEY26NNF.cjs +75 -0
- package/dist/chunk-NEY26NNF.cjs.map +1 -0
- package/dist/chunk-NSSX7USQ.cjs +165 -0
- package/dist/chunk-NSSX7USQ.cjs.map +1 -0
- package/dist/chunk-RGJT67PN.js +34 -0
- package/dist/chunk-RGJT67PN.js.map +1 -0
- package/dist/chunk-UB7HYAAC.js +34 -0
- package/dist/chunk-UB7HYAAC.js.map +1 -0
- package/dist/chunk-UFL6PVLI.cjs +52 -0
- package/dist/chunk-UFL6PVLI.cjs.map +1 -0
- package/dist/chunk-WFMP6TZN.js +51 -0
- package/dist/chunk-WFMP6TZN.js.map +1 -0
- package/dist/chunk-WJUDOEVB.cjs +51 -0
- package/dist/chunk-WJUDOEVB.cjs.map +1 -0
- package/dist/chunk-XGKBDPGD.cjs +26 -0
- package/dist/chunk-XGKBDPGD.cjs.map +1 -0
- package/dist/chunk-XIKSI7NY.js +75 -0
- package/dist/chunk-XIKSI7NY.js.map +1 -0
- package/dist/chunk-Z57QBVUC.cjs +34 -0
- package/dist/chunk-Z57QBVUC.cjs.map +1 -0
- package/dist/confirm-dialog.cjs +49 -0
- package/dist/confirm-dialog.cjs.map +1 -0
- package/dist/confirm-dialog.d.cts +35 -0
- package/dist/confirm-dialog.d.ts +35 -0
- package/dist/confirm-dialog.js +49 -0
- package/dist/confirm-dialog.js.map +1 -0
- package/dist/data-table.cjs +373 -0
- package/dist/data-table.cjs.map +1 -0
- package/dist/data-table.d.cts +49 -0
- package/dist/data-table.d.ts +49 -0
- package/dist/data-table.js +373 -0
- package/dist/data-table.js.map +1 -0
- package/dist/detail-panel.cjs +142 -0
- package/dist/detail-panel.cjs.map +1 -0
- package/dist/detail-panel.d.cts +59 -0
- package/dist/detail-panel.d.ts +59 -0
- package/dist/detail-panel.js +142 -0
- package/dist/detail-panel.js.map +1 -0
- package/dist/dropdown-menu.cjs +34 -140
- package/dist/dropdown-menu.cjs.map +1 -1
- package/dist/dropdown-menu.js +17 -123
- package/dist/dropdown-menu.js.map +1 -1
- package/dist/form-input.cjs +5 -28
- package/dist/form-input.cjs.map +1 -1
- package/dist/form-input.js +4 -27
- package/dist/form-input.js.map +1 -1
- package/dist/form-select.cjs +5 -45
- package/dist/form-select.cjs.map +1 -1
- package/dist/form-select.js +4 -44
- package/dist/form-select.js.map +1 -1
- package/dist/form-textarea.cjs +5 -28
- package/dist/form-textarea.cjs.map +1 -1
- package/dist/form-textarea.js +4 -27
- package/dist/form-textarea.js.map +1 -1
- package/dist/pagination.cjs +22 -161
- package/dist/pagination.cjs.map +1 -1
- package/dist/pagination.js +10 -149
- package/dist/pagination.js.map +1 -1
- package/dist/resource-tabs.cjs +25 -0
- package/dist/resource-tabs.cjs.map +1 -0
- package/dist/resource-tabs.d.cts +33 -0
- package/dist/resource-tabs.d.ts +33 -0
- package/dist/resource-tabs.js +25 -0
- package/dist/resource-tabs.js.map +1 -0
- package/dist/table.cjs +20 -72
- package/dist/table.cjs.map +1 -1
- package/dist/table.js +10 -62
- package/dist/table.js.map +1 -1
- package/dist/tabs.cjs +12 -49
- package/dist/tabs.cjs.map +1 -1
- package/dist/tabs.js +6 -43
- package/dist/tabs.js.map +1 -1
- package/package.json +29 -7
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
|
|
4
|
+
interface FieldDef<T> {
|
|
5
|
+
/** Property key on the data object. */
|
|
6
|
+
key: keyof T & string;
|
|
7
|
+
/** Display label. */
|
|
8
|
+
label: string;
|
|
9
|
+
/** Field type determines the input component used in edit mode. */
|
|
10
|
+
type: "text" | "textarea" | "select" | "readonly";
|
|
11
|
+
/** Options for select fields. */
|
|
12
|
+
options?: {
|
|
13
|
+
label: string;
|
|
14
|
+
value: string;
|
|
15
|
+
}[];
|
|
16
|
+
/** Mark the field as required in edit mode. */
|
|
17
|
+
required?: boolean;
|
|
18
|
+
/** Custom read-mode renderer. Receives the field value. */
|
|
19
|
+
render?: (value: T[keyof T]) => React.ReactNode;
|
|
20
|
+
}
|
|
21
|
+
interface DetailPanelProps<T extends object> {
|
|
22
|
+
/** Field definitions describing each field. */
|
|
23
|
+
fields: FieldDef<T>[];
|
|
24
|
+
/** The record to display/edit. */
|
|
25
|
+
data: T;
|
|
26
|
+
/** Called with the updated record when the user saves. */
|
|
27
|
+
onSave: (data: T) => void;
|
|
28
|
+
/** Called when the user cancels editing. */
|
|
29
|
+
onCancel?: () => void;
|
|
30
|
+
/** Whether a save operation is in progress. */
|
|
31
|
+
loading?: boolean;
|
|
32
|
+
/** Optional title displayed above the fields. */
|
|
33
|
+
title?: string;
|
|
34
|
+
/** Additional class name for the root container. */
|
|
35
|
+
className?: string;
|
|
36
|
+
/** Start in edit mode. */
|
|
37
|
+
defaultEditing?: boolean;
|
|
38
|
+
}
|
|
39
|
+
/**
|
|
40
|
+
* Read/edit toggle panel for a single record. Renders field values in read
|
|
41
|
+
* mode, and form inputs in edit mode based on field definitions.
|
|
42
|
+
*
|
|
43
|
+
* @example
|
|
44
|
+
* ```tsx
|
|
45
|
+
* const fields: FieldDef<Brand>[] = [
|
|
46
|
+
* { key: "brandsName", label: "Name", type: "text", required: true },
|
|
47
|
+
* { key: "brandsDesc", label: "Description", type: "textarea" },
|
|
48
|
+
* { key: "brandsUid", label: "UID", type: "readonly" },
|
|
49
|
+
* ];
|
|
50
|
+
*
|
|
51
|
+
* <DetailPanel fields={fields} data={brand} onSave={handleSave} />
|
|
52
|
+
* ```
|
|
53
|
+
*/
|
|
54
|
+
declare function DetailPanel<T extends object>({ fields, data, onSave, onCancel, loading, title, className, defaultEditing, }: DetailPanelProps<T>): react_jsx_runtime.JSX.Element;
|
|
55
|
+
declare namespace DetailPanel {
|
|
56
|
+
var displayName: string;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
export { DetailPanel, type DetailPanelProps, type FieldDef };
|
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use client";
|
|
3
|
+
import {
|
|
4
|
+
FormSelect
|
|
5
|
+
} from "./chunk-WFMP6TZN.js";
|
|
6
|
+
import {
|
|
7
|
+
FormTextarea
|
|
8
|
+
} from "./chunk-RGJT67PN.js";
|
|
9
|
+
import "./chunk-L3BT67EO.js";
|
|
10
|
+
import {
|
|
11
|
+
FormInput
|
|
12
|
+
} from "./chunk-UB7HYAAC.js";
|
|
13
|
+
import "./chunk-MXSQYVCK.js";
|
|
14
|
+
import "./chunk-RCUKSVMF.js";
|
|
15
|
+
import "./chunk-HXQF6XTL.js";
|
|
16
|
+
import "./chunk-VD3H4QZM.js";
|
|
17
|
+
import {
|
|
18
|
+
Spinner
|
|
19
|
+
} from "./chunk-UMNTUD2P.js";
|
|
20
|
+
import {
|
|
21
|
+
Button
|
|
22
|
+
} from "./chunk-QICSGVX3.js";
|
|
23
|
+
|
|
24
|
+
// src/detail-panel.tsx
|
|
25
|
+
import * as React from "react";
|
|
26
|
+
import { cn } from "@simpleapps-com/augur-utils/web";
|
|
27
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
28
|
+
function DetailPanel({
|
|
29
|
+
fields,
|
|
30
|
+
data,
|
|
31
|
+
onSave,
|
|
32
|
+
onCancel,
|
|
33
|
+
loading = false,
|
|
34
|
+
title,
|
|
35
|
+
className,
|
|
36
|
+
defaultEditing = false
|
|
37
|
+
}) {
|
|
38
|
+
const [editing, setEditing] = React.useState(defaultEditing);
|
|
39
|
+
const [draft, setDraft] = React.useState(data);
|
|
40
|
+
React.useEffect(() => {
|
|
41
|
+
setDraft(data);
|
|
42
|
+
}, [data]);
|
|
43
|
+
const handleEdit = () => {
|
|
44
|
+
setDraft(data);
|
|
45
|
+
setEditing(true);
|
|
46
|
+
};
|
|
47
|
+
const handleCancel = () => {
|
|
48
|
+
setDraft(data);
|
|
49
|
+
setEditing(false);
|
|
50
|
+
onCancel?.();
|
|
51
|
+
};
|
|
52
|
+
const handleSave = () => {
|
|
53
|
+
onSave(draft);
|
|
54
|
+
};
|
|
55
|
+
const updateField = (key, value) => {
|
|
56
|
+
setDraft((prev) => ({ ...prev, [key]: value }));
|
|
57
|
+
};
|
|
58
|
+
return /* @__PURE__ */ jsxs("div", { className: cn("space-y-6", className), children: [
|
|
59
|
+
(title || !editing) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
|
|
60
|
+
title && /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: title }),
|
|
61
|
+
!editing && /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: handleEdit, children: "Edit" })
|
|
62
|
+
] }),
|
|
63
|
+
/* @__PURE__ */ jsx("div", { className: "grid gap-4 sm:grid-cols-2", children: fields.map(
|
|
64
|
+
(field) => editing ? /* @__PURE__ */ jsx(
|
|
65
|
+
EditField,
|
|
66
|
+
{
|
|
67
|
+
field,
|
|
68
|
+
value: draft[field.key],
|
|
69
|
+
onChange: updateField
|
|
70
|
+
},
|
|
71
|
+
field.key
|
|
72
|
+
) : /* @__PURE__ */ jsx(ReadField, { field, value: data[field.key] }, field.key)
|
|
73
|
+
) }),
|
|
74
|
+
editing && /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
|
|
75
|
+
/* @__PURE__ */ jsxs(Button, { onClick: handleSave, disabled: loading, children: [
|
|
76
|
+
loading && /* @__PURE__ */ jsx(Spinner, { size: "sm", className: "mr-2" }),
|
|
77
|
+
"Save"
|
|
78
|
+
] }),
|
|
79
|
+
/* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleCancel, disabled: loading, children: "Cancel" })
|
|
80
|
+
] })
|
|
81
|
+
] });
|
|
82
|
+
}
|
|
83
|
+
DetailPanel.displayName = "DetailPanel";
|
|
84
|
+
function ReadField({ field, value }) {
|
|
85
|
+
const display = field.render ? field.render(value) : String(value ?? "");
|
|
86
|
+
return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
|
|
87
|
+
/* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm font-medium", children: field.label }),
|
|
88
|
+
/* @__PURE__ */ jsx("p", { className: "text-sm", children: display })
|
|
89
|
+
] });
|
|
90
|
+
}
|
|
91
|
+
function EditField({
|
|
92
|
+
field,
|
|
93
|
+
value,
|
|
94
|
+
onChange
|
|
95
|
+
}) {
|
|
96
|
+
const strValue = String(value ?? "");
|
|
97
|
+
if (field.type === "readonly") {
|
|
98
|
+
return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
|
|
99
|
+
/* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm font-medium", children: field.label }),
|
|
100
|
+
/* @__PURE__ */ jsx("p", { className: "text-sm", children: field.render ? field.render(value) : strValue })
|
|
101
|
+
] });
|
|
102
|
+
}
|
|
103
|
+
if (field.type === "select") {
|
|
104
|
+
return /* @__PURE__ */ jsx(
|
|
105
|
+
FormSelect,
|
|
106
|
+
{
|
|
107
|
+
label: field.label,
|
|
108
|
+
name: field.key,
|
|
109
|
+
required: field.required,
|
|
110
|
+
options: field.options ?? [],
|
|
111
|
+
value: strValue,
|
|
112
|
+
onValueChange: (v) => onChange(field.key, v)
|
|
113
|
+
}
|
|
114
|
+
);
|
|
115
|
+
}
|
|
116
|
+
if (field.type === "textarea") {
|
|
117
|
+
return /* @__PURE__ */ jsx(
|
|
118
|
+
FormTextarea,
|
|
119
|
+
{
|
|
120
|
+
label: field.label,
|
|
121
|
+
name: field.key,
|
|
122
|
+
required: field.required,
|
|
123
|
+
value: strValue,
|
|
124
|
+
onChange: (e) => onChange(field.key, e.target.value)
|
|
125
|
+
}
|
|
126
|
+
);
|
|
127
|
+
}
|
|
128
|
+
return /* @__PURE__ */ jsx(
|
|
129
|
+
FormInput,
|
|
130
|
+
{
|
|
131
|
+
label: field.label,
|
|
132
|
+
name: field.key,
|
|
133
|
+
required: field.required,
|
|
134
|
+
value: strValue,
|
|
135
|
+
onChange: (e) => onChange(field.key, e.target.value)
|
|
136
|
+
}
|
|
137
|
+
);
|
|
138
|
+
}
|
|
139
|
+
export {
|
|
140
|
+
DetailPanel
|
|
141
|
+
};
|
|
142
|
+
//# sourceMappingURL=detail-panel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/detail-panel.tsx"],"sourcesContent":["/** Read/edit toggle panel for a single record. */\n\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { Button } from \"./button\";\nimport { FormInput } from \"./form-input\";\nimport { FormSelect } from \"./form-select\";\nimport { FormTextarea } from \"./form-textarea\";\nimport { Spinner } from \"./spinner\";\n\nexport interface FieldDef<T> {\n /** Property key on the data object. */\n key: keyof T & string;\n /** Display label. */\n label: string;\n /** Field type determines the input component used in edit mode. */\n type: \"text\" | \"textarea\" | \"select\" | \"readonly\";\n /** Options for select fields. */\n options?: { label: string; value: string }[];\n /** Mark the field as required in edit mode. */\n required?: boolean;\n /** Custom read-mode renderer. Receives the field value. */\n render?: (value: T[keyof T]) => React.ReactNode;\n}\n\nexport interface DetailPanelProps<T extends object> {\n /** Field definitions describing each field. */\n fields: FieldDef<T>[];\n /** The record to display/edit. */\n data: T;\n /** Called with the updated record when the user saves. */\n onSave: (data: T) => void;\n /** Called when the user cancels editing. */\n onCancel?: () => void;\n /** Whether a save operation is in progress. */\n loading?: boolean;\n /** Optional title displayed above the fields. */\n title?: string;\n /** Additional class name for the root container. */\n className?: string;\n /** Start in edit mode. */\n defaultEditing?: boolean;\n}\n\n/**\n * Read/edit toggle panel for a single record. Renders field values in read\n * mode, and form inputs in edit mode based on field definitions.\n *\n * @example\n * ```tsx\n * const fields: FieldDef<Brand>[] = [\n * { key: \"brandsName\", label: \"Name\", type: \"text\", required: true },\n * { key: \"brandsDesc\", label: \"Description\", type: \"textarea\" },\n * { key: \"brandsUid\", label: \"UID\", type: \"readonly\" },\n * ];\n *\n * <DetailPanel fields={fields} data={brand} onSave={handleSave} />\n * ```\n */\nfunction DetailPanel<T extends object>({\n fields,\n data,\n onSave,\n onCancel,\n loading = false,\n title,\n className,\n defaultEditing = false,\n}: DetailPanelProps<T>) {\n const [editing, setEditing] = React.useState(defaultEditing);\n const [draft, setDraft] = React.useState<T>(data);\n\n React.useEffect(() => {\n setDraft(data);\n }, [data]);\n\n const handleEdit = () => {\n setDraft(data);\n setEditing(true);\n };\n\n const handleCancel = () => {\n setDraft(data);\n setEditing(false);\n onCancel?.();\n };\n\n const handleSave = () => {\n onSave(draft);\n };\n\n const updateField = (key: keyof T & string, value: unknown) => {\n setDraft((prev) => ({ ...prev, [key]: value }));\n };\n\n return (\n <div className={cn(\"space-y-6\", className)}>\n {(title || !editing) && (\n <div className=\"flex items-center justify-between\">\n {title && <h3 className=\"text-lg font-semibold\">{title}</h3>}\n {!editing && (\n <Button variant=\"outline\" size=\"sm\" onClick={handleEdit}>\n Edit\n </Button>\n )}\n </div>\n )}\n <div className=\"grid gap-4 sm:grid-cols-2\">\n {fields.map((field) =>\n editing ? (\n <EditField\n key={field.key}\n field={field}\n value={draft[field.key]}\n onChange={updateField}\n />\n ) : (\n <ReadField key={field.key} field={field} value={data[field.key]} />\n ),\n )}\n </div>\n {editing && (\n <div className=\"flex gap-2\">\n <Button onClick={handleSave} disabled={loading}>\n {loading && <Spinner size=\"sm\" className=\"mr-2\" />}\n Save\n </Button>\n <Button variant=\"outline\" onClick={handleCancel} disabled={loading}>\n Cancel\n </Button>\n </div>\n )}\n </div>\n );\n}\nDetailPanel.displayName = \"DetailPanel\";\n\nfunction ReadField<T>({ field, value }: { field: FieldDef<T>; value: T[keyof T] }) {\n const display = field.render ? field.render(value) : String(value ?? \"\");\n return (\n <div className=\"space-y-1\">\n <p className=\"text-muted-foreground text-sm font-medium\">{field.label}</p>\n <p className=\"text-sm\">{display}</p>\n </div>\n );\n}\n\nfunction EditField<T>({\n field,\n value,\n onChange,\n}: {\n field: FieldDef<T>;\n value: unknown;\n onChange: (key: keyof T & string, value: unknown) => void;\n}) {\n const strValue = String(value ?? \"\");\n\n if (field.type === \"readonly\") {\n return (\n <div className=\"space-y-1\">\n <p className=\"text-muted-foreground text-sm font-medium\">{field.label}</p>\n <p className=\"text-sm\">{field.render ? field.render(value as T[keyof T]) : strValue}</p>\n </div>\n );\n }\n\n if (field.type === \"select\") {\n return (\n <FormSelect\n label={field.label}\n name={field.key}\n required={field.required}\n options={field.options ?? []}\n value={strValue}\n onValueChange={(v) => onChange(field.key, v)}\n />\n );\n }\n\n if (field.type === \"textarea\") {\n return (\n <FormTextarea\n label={field.label}\n name={field.key}\n required={field.required}\n value={strValue}\n onChange={(e) => onChange(field.key, e.target.value)}\n />\n );\n }\n\n return (\n <FormInput\n label={field.label}\n name={field.key}\n required={field.required}\n value={strValue}\n onChange={(e) => onChange(field.key, e.target.value)}\n />\n );\n}\n\nexport { DetailPanel };\n"],"mappings":"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","names":[]}
|
package/dist/dropdown-menu.cjs
CHANGED
|
@@ -1,143 +1,37 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
"use client";
|
|
3
3
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
className: _web.cn.call(void 0,
|
|
38
|
-
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg",
|
|
39
|
-
className
|
|
40
|
-
),
|
|
41
|
-
...props
|
|
42
|
-
}
|
|
43
|
-
));
|
|
44
|
-
DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
|
|
45
|
-
var DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
46
|
-
DropdownMenuPrimitive.Content,
|
|
47
|
-
{
|
|
48
|
-
ref,
|
|
49
|
-
sideOffset,
|
|
50
|
-
className: _web.cn.call(void 0,
|
|
51
|
-
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md",
|
|
52
|
-
className
|
|
53
|
-
),
|
|
54
|
-
...props
|
|
55
|
-
}
|
|
56
|
-
) }));
|
|
57
|
-
DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
58
|
-
var DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
59
|
-
DropdownMenuPrimitive.Item,
|
|
60
|
-
{
|
|
61
|
-
ref,
|
|
62
|
-
className: _web.cn.call(void 0,
|
|
63
|
-
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
|
|
64
|
-
inset && "pl-8",
|
|
65
|
-
className
|
|
66
|
-
),
|
|
67
|
-
...props
|
|
68
|
-
}
|
|
69
|
-
));
|
|
70
|
-
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
71
|
-
var DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
72
|
-
DropdownMenuPrimitive.CheckboxItem,
|
|
73
|
-
{
|
|
74
|
-
ref,
|
|
75
|
-
className: _web.cn.call(void 0,
|
|
76
|
-
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
77
|
-
className
|
|
78
|
-
),
|
|
79
|
-
checked,
|
|
80
|
-
...props,
|
|
81
|
-
children: [
|
|
82
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuCheck, { className: "h-4 w-4" }) }) }),
|
|
83
|
-
children
|
|
84
|
-
]
|
|
85
|
-
}
|
|
86
|
-
));
|
|
87
|
-
DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
|
|
88
|
-
var DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
89
|
-
DropdownMenuPrimitive.RadioItem,
|
|
90
|
-
{
|
|
91
|
-
ref,
|
|
92
|
-
className: _web.cn.call(void 0,
|
|
93
|
-
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
94
|
-
className
|
|
95
|
-
),
|
|
96
|
-
...props,
|
|
97
|
-
children: [
|
|
98
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuCircle, { className: "h-2 w-2 fill-current" }) }) }),
|
|
99
|
-
children
|
|
100
|
-
]
|
|
101
|
-
}
|
|
102
|
-
));
|
|
103
|
-
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
|
|
104
|
-
var DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
105
|
-
DropdownMenuPrimitive.Label,
|
|
106
|
-
{
|
|
107
|
-
ref,
|
|
108
|
-
className: _web.cn.call(void 0, "px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
|
|
109
|
-
...props
|
|
110
|
-
}
|
|
111
|
-
));
|
|
112
|
-
DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
|
|
113
|
-
var DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
114
|
-
DropdownMenuPrimitive.Separator,
|
|
115
|
-
{
|
|
116
|
-
ref,
|
|
117
|
-
className: _web.cn.call(void 0, "bg-muted -mx-1 my-1 h-px", className),
|
|
118
|
-
...props
|
|
119
|
-
}
|
|
120
|
-
));
|
|
121
|
-
DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
|
|
122
|
-
var DropdownMenuShortcut = ({ className, ...props }) => {
|
|
123
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _web.cn.call(void 0, "ml-auto text-xs tracking-widest opacity-60", className), ...props });
|
|
124
|
-
};
|
|
125
|
-
DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
exports.DropdownMenu = DropdownMenu; exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem; exports.DropdownMenuContent = DropdownMenuContent; exports.DropdownMenuGroup = DropdownMenuGroup; exports.DropdownMenuItem = DropdownMenuItem; exports.DropdownMenuLabel = DropdownMenuLabel; exports.DropdownMenuPortal = DropdownMenuPortal; exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup; exports.DropdownMenuRadioItem = DropdownMenuRadioItem; exports.DropdownMenuSeparator = DropdownMenuSeparator; exports.DropdownMenuShortcut = DropdownMenuShortcut; exports.DropdownMenuSub = DropdownMenuSub; exports.DropdownMenuSubContent = DropdownMenuSubContent; exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger; exports.DropdownMenuTrigger = DropdownMenuTrigger;
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
var _chunkJXW4XE2Pcjs = require('./chunk-JXW4XE2P.cjs');
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
exports.DropdownMenu = _chunkJXW4XE2Pcjs.DropdownMenu; exports.DropdownMenuCheckboxItem = _chunkJXW4XE2Pcjs.DropdownMenuCheckboxItem; exports.DropdownMenuContent = _chunkJXW4XE2Pcjs.DropdownMenuContent; exports.DropdownMenuGroup = _chunkJXW4XE2Pcjs.DropdownMenuGroup; exports.DropdownMenuItem = _chunkJXW4XE2Pcjs.DropdownMenuItem; exports.DropdownMenuLabel = _chunkJXW4XE2Pcjs.DropdownMenuLabel; exports.DropdownMenuPortal = _chunkJXW4XE2Pcjs.DropdownMenuPortal; exports.DropdownMenuRadioGroup = _chunkJXW4XE2Pcjs.DropdownMenuRadioGroup; exports.DropdownMenuRadioItem = _chunkJXW4XE2Pcjs.DropdownMenuRadioItem; exports.DropdownMenuSeparator = _chunkJXW4XE2Pcjs.DropdownMenuSeparator; exports.DropdownMenuShortcut = _chunkJXW4XE2Pcjs.DropdownMenuShortcut; exports.DropdownMenuSub = _chunkJXW4XE2Pcjs.DropdownMenuSub; exports.DropdownMenuSubContent = _chunkJXW4XE2Pcjs.DropdownMenuSubContent; exports.DropdownMenuSubTrigger = _chunkJXW4XE2Pcjs.DropdownMenuSubTrigger; exports.DropdownMenuTrigger = _chunkJXW4XE2Pcjs.DropdownMenuTrigger;
|
|
143
37
|
//# sourceMappingURL=dropdown-menu.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/dropdown-menu.cjs","../src/dropdown-menu.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/dropdown-menu.cjs","sourcesContent":[null,"/** Styled wrapper around @radix-ui/react-dropdown-menu. See https://www.radix-ui.com/primitives/docs/components/dropdown-menu */\n\"use client\";\n\nimport * as React from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { LuCheck, LuChevronRight, LuCircle } from \"react-icons/lu\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\nconst DropdownMenu = DropdownMenuPrimitive.Root;\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group;\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal;\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub;\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.SubTrigger>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n inset?: boolean;\n }\n>(({ className, inset, children, ...props }, ref) => (\n <DropdownMenuPrimitive.SubTrigger\n ref={ref}\n className={cn(\n \"focus:bg-accent data-[state=open]:bg-accent flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n inset && \"pl-8\",\n className,\n )}\n {...props}\n >\n {children}\n <LuChevronRight className=\"ml-auto\" />\n </DropdownMenuPrimitive.SubTrigger>\n));\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;\n\nconst DropdownMenuSubContent = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.SubContent>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n <DropdownMenuPrimitive.SubContent\n ref={ref}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg\",\n className,\n )}\n {...props}\n />\n));\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;\n\nconst DropdownMenuContent = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n ref={ref}\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md\",\n className,\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n));\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;\n\nconst DropdownMenuItem = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n inset?: boolean;\n }\n>(({ className, inset, ...props }, ref) => (\n <DropdownMenuPrimitive.Item\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0\",\n inset && \"pl-8\",\n className,\n )}\n {...props}\n />\n));\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n <DropdownMenuPrimitive.CheckboxItem\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n className,\n )}\n checked={checked}\n {...props}\n >\n <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <LuCheck className=\"h-4 w-4\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n));\nDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;\n\nconst DropdownMenuRadioItem = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.RadioItem>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n <DropdownMenuPrimitive.RadioItem\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n className,\n )}\n {...props}\n >\n <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <LuCircle className=\"h-2 w-2 fill-current\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n));\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;\n\nconst DropdownMenuLabel = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.Label>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n inset?: boolean;\n }\n>(({ className, inset, ...props }, ref) => (\n <DropdownMenuPrimitive.Label\n ref={ref}\n className={cn(\"px-2 py-1.5 text-sm font-semibold\", inset && \"pl-8\", className)}\n {...props}\n />\n));\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;\n\nconst DropdownMenuSeparator = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <DropdownMenuPrimitive.Separator\n ref={ref}\n className={cn(\"bg-muted -mx-1 my-1 h-px\", className)}\n {...props}\n />\n));\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n return (\n <span className={cn(\"ml-auto text-xs tracking-widest opacity-60\", className)} {...props} />\n );\n};\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\";\n\nexport {\n DropdownMenu,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuGroup,\n DropdownMenuPortal,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuRadioGroup,\n};\n"]}
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/dropdown-menu.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ,YAAY;AACZ;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,0gCAAC","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/dropdown-menu.cjs"}
|
package/dist/dropdown-menu.js
CHANGED
|
@@ -1,128 +1,22 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
"use client";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
className: cn(
|
|
21
|
-
"focus:bg-accent data-[state=open]:bg-accent flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
|
|
22
|
-
inset && "pl-8",
|
|
23
|
-
className
|
|
24
|
-
),
|
|
25
|
-
...props,
|
|
26
|
-
children: [
|
|
27
|
-
children,
|
|
28
|
-
/* @__PURE__ */ jsx(LuChevronRight, { className: "ml-auto" })
|
|
29
|
-
]
|
|
30
|
-
}
|
|
31
|
-
));
|
|
32
|
-
DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
|
|
33
|
-
var DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
34
|
-
DropdownMenuPrimitive.SubContent,
|
|
35
|
-
{
|
|
36
|
-
ref,
|
|
37
|
-
className: cn(
|
|
38
|
-
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg",
|
|
39
|
-
className
|
|
40
|
-
),
|
|
41
|
-
...props
|
|
42
|
-
}
|
|
43
|
-
));
|
|
44
|
-
DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
|
|
45
|
-
var DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
|
|
46
|
-
DropdownMenuPrimitive.Content,
|
|
47
|
-
{
|
|
48
|
-
ref,
|
|
49
|
-
sideOffset,
|
|
50
|
-
className: cn(
|
|
51
|
-
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md",
|
|
52
|
-
className
|
|
53
|
-
),
|
|
54
|
-
...props
|
|
55
|
-
}
|
|
56
|
-
) }));
|
|
57
|
-
DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
58
|
-
var DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
59
|
-
DropdownMenuPrimitive.Item,
|
|
60
|
-
{
|
|
61
|
-
ref,
|
|
62
|
-
className: cn(
|
|
63
|
-
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
|
|
64
|
-
inset && "pl-8",
|
|
65
|
-
className
|
|
66
|
-
),
|
|
67
|
-
...props
|
|
68
|
-
}
|
|
69
|
-
));
|
|
70
|
-
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
71
|
-
var DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
72
|
-
DropdownMenuPrimitive.CheckboxItem,
|
|
73
|
-
{
|
|
74
|
-
ref,
|
|
75
|
-
className: cn(
|
|
76
|
-
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
77
|
-
className
|
|
78
|
-
),
|
|
79
|
-
checked,
|
|
80
|
-
...props,
|
|
81
|
-
children: [
|
|
82
|
-
/* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(LuCheck, { className: "h-4 w-4" }) }) }),
|
|
83
|
-
children
|
|
84
|
-
]
|
|
85
|
-
}
|
|
86
|
-
));
|
|
87
|
-
DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
|
|
88
|
-
var DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
89
|
-
DropdownMenuPrimitive.RadioItem,
|
|
90
|
-
{
|
|
91
|
-
ref,
|
|
92
|
-
className: cn(
|
|
93
|
-
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
94
|
-
className
|
|
95
|
-
),
|
|
96
|
-
...props,
|
|
97
|
-
children: [
|
|
98
|
-
/* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(LuCircle, { className: "h-2 w-2 fill-current" }) }) }),
|
|
99
|
-
children
|
|
100
|
-
]
|
|
101
|
-
}
|
|
102
|
-
));
|
|
103
|
-
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
|
|
104
|
-
var DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
105
|
-
DropdownMenuPrimitive.Label,
|
|
106
|
-
{
|
|
107
|
-
ref,
|
|
108
|
-
className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
|
|
109
|
-
...props
|
|
110
|
-
}
|
|
111
|
-
));
|
|
112
|
-
DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
|
|
113
|
-
var DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
114
|
-
DropdownMenuPrimitive.Separator,
|
|
115
|
-
{
|
|
116
|
-
ref,
|
|
117
|
-
className: cn("bg-muted -mx-1 my-1 h-px", className),
|
|
118
|
-
...props
|
|
119
|
-
}
|
|
120
|
-
));
|
|
121
|
-
DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
|
|
122
|
-
var DropdownMenuShortcut = ({ className, ...props }) => {
|
|
123
|
-
return /* @__PURE__ */ jsx("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
|
|
124
|
-
};
|
|
125
|
-
DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
|
|
3
|
+
import {
|
|
4
|
+
DropdownMenu,
|
|
5
|
+
DropdownMenuCheckboxItem,
|
|
6
|
+
DropdownMenuContent,
|
|
7
|
+
DropdownMenuGroup,
|
|
8
|
+
DropdownMenuItem,
|
|
9
|
+
DropdownMenuLabel,
|
|
10
|
+
DropdownMenuPortal,
|
|
11
|
+
DropdownMenuRadioGroup,
|
|
12
|
+
DropdownMenuRadioItem,
|
|
13
|
+
DropdownMenuSeparator,
|
|
14
|
+
DropdownMenuShortcut,
|
|
15
|
+
DropdownMenuSub,
|
|
16
|
+
DropdownMenuSubContent,
|
|
17
|
+
DropdownMenuSubTrigger,
|
|
18
|
+
DropdownMenuTrigger
|
|
19
|
+
} from "./chunk-MOC5N2N4.js";
|
|
126
20
|
export {
|
|
127
21
|
DropdownMenu,
|
|
128
22
|
DropdownMenuCheckboxItem,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/dropdown-menu.tsx"],"sourcesContent":["/** Styled wrapper around @radix-ui/react-dropdown-menu. See https://www.radix-ui.com/primitives/docs/components/dropdown-menu */\n\"use client\";\n\nimport * as React from \"react\";\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { LuCheck, LuChevronRight, LuCircle } from \"react-icons/lu\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\nconst DropdownMenu = DropdownMenuPrimitive.Root;\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group;\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal;\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub;\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.SubTrigger>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n inset?: boolean;\n }\n>(({ className, inset, children, ...props }, ref) => (\n <DropdownMenuPrimitive.SubTrigger\n ref={ref}\n className={cn(\n \"focus:bg-accent data-[state=open]:bg-accent flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n inset && \"pl-8\",\n className,\n )}\n {...props}\n >\n {children}\n <LuChevronRight className=\"ml-auto\" />\n </DropdownMenuPrimitive.SubTrigger>\n));\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;\n\nconst DropdownMenuSubContent = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.SubContent>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n <DropdownMenuPrimitive.SubContent\n ref={ref}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg\",\n className,\n )}\n {...props}\n />\n));\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;\n\nconst DropdownMenuContent = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n ref={ref}\n sideOffset={sideOffset}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md\",\n className,\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n));\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;\n\nconst DropdownMenuItem = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n inset?: boolean;\n }\n>(({ className, inset, ...props }, ref) => (\n <DropdownMenuPrimitive.Item\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0\",\n inset && \"pl-8\",\n className,\n )}\n {...props}\n />\n));\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n <DropdownMenuPrimitive.CheckboxItem\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n className,\n )}\n checked={checked}\n {...props}\n >\n <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <LuCheck className=\"h-4 w-4\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n));\nDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;\n\nconst DropdownMenuRadioItem = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.RadioItem>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n <DropdownMenuPrimitive.RadioItem\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n className,\n )}\n {...props}\n >\n <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <LuCircle className=\"h-2 w-2 fill-current\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n));\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;\n\nconst DropdownMenuLabel = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.Label>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n inset?: boolean;\n }\n>(({ className, inset, ...props }, ref) => (\n <DropdownMenuPrimitive.Label\n ref={ref}\n className={cn(\"px-2 py-1.5 text-sm font-semibold\", inset && \"pl-8\", className)}\n {...props}\n />\n));\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;\n\nconst DropdownMenuSeparator = React.forwardRef<\n React.ComponentRef<typeof DropdownMenuPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <DropdownMenuPrimitive.Separator\n ref={ref}\n className={cn(\"bg-muted -mx-1 my-1 h-px\", className)}\n {...props}\n />\n));\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n return (\n <span className={cn(\"ml-auto text-xs tracking-widest opacity-60\", className)} {...props} />\n );\n};\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\";\n\nexport {\n DropdownMenu,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuGroup,\n DropdownMenuPortal,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuRadioGroup,\n};\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
package/dist/form-input.cjs
CHANGED
|
@@ -1,35 +1,12 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
"use client";
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var _chunk7EXXNELXcjs = require('./chunk-7EXXNELX.cjs');
|
|
5
|
+
var _chunk32XB3REYcjs = require('./chunk-32XB3REY.cjs');
|
|
6
|
+
require('./chunk-BXMTQGKV.cjs');
|
|
7
|
+
require('./chunk-7EXXNELX.cjs');
|
|
9
8
|
require('./chunk-MAENILZP.cjs');
|
|
10
9
|
|
|
11
|
-
// src/form-input.tsx
|
|
12
|
-
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
13
|
-
var _web = require('@simpleapps-com/augur-utils/web');
|
|
14
|
-
var _jsxruntime = require('react/jsx-runtime');
|
|
15
|
-
var FormInput = React.forwardRef(
|
|
16
|
-
({ label, error, required, gridSpan, className, id, name, ...props }, ref) => {
|
|
17
|
-
const htmlFor = _nullishCoalesce(_nullishCoalesce(id, () => ( name)), () => ( ""));
|
|
18
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
19
|
-
_chunkBXMTQGKVcjs.FormField,
|
|
20
|
-
{
|
|
21
|
-
label,
|
|
22
|
-
htmlFor,
|
|
23
|
-
required,
|
|
24
|
-
error,
|
|
25
|
-
className: _web.cn.call(void 0, gridSpan, className),
|
|
26
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7EXXNELXcjs.Input, { ref, id: htmlFor, name, ...props })
|
|
27
|
-
}
|
|
28
|
-
);
|
|
29
|
-
}
|
|
30
|
-
);
|
|
31
|
-
FormInput.displayName = "FormInput";
|
|
32
|
-
|
|
33
10
|
|
|
34
|
-
exports.FormInput = FormInput;
|
|
11
|
+
exports.FormInput = _chunk32XB3REYcjs.FormInput;
|
|
35
12
|
//# sourceMappingURL=form-input.cjs.map
|