@powerhousedao/design-system 6.0.0-dev.77 → 6.0.0-dev.79
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/src/connect/components/index.d.ts +1 -0
- package/dist/src/connect/components/index.d.ts.map +1 -1
- package/dist/src/connect/components/index.js +1 -0
- package/dist/src/connect/components/index.js.map +1 -1
- package/dist/src/connect/components/modal/inspector-modal/inspector-modal.d.ts +4 -2
- package/dist/src/connect/components/modal/inspector-modal/inspector-modal.d.ts.map +1 -1
- package/dist/src/connect/components/modal/inspector-modal/inspector-modal.js +3 -2
- package/dist/src/connect/components/modal/inspector-modal/inspector-modal.js.map +1 -1
- package/dist/src/connect/components/modal/settings-modal-v2/index.d.ts +1 -0
- package/dist/src/connect/components/modal/settings-modal-v2/index.d.ts.map +1 -1
- package/dist/src/connect/components/modal/settings-modal-v2/index.js +1 -0
- package/dist/src/connect/components/modal/settings-modal-v2/index.js.map +1 -1
- package/dist/src/connect/components/modal/settings-modal-v2/mocks.d.ts +5 -14
- package/dist/src/connect/components/modal/settings-modal-v2/mocks.d.ts.map +1 -1
- package/dist/src/connect/components/modal/settings-modal-v2/mocks.js +44 -34
- package/dist/src/connect/components/modal/settings-modal-v2/mocks.js.map +1 -1
- package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager-input.d.ts +4 -3
- package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager-input.d.ts.map +1 -1
- package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager-input.js +20 -57
- package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager-input.js.map +1 -1
- package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager-list.d.ts +1 -0
- package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager-list.d.ts.map +1 -1
- package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager-list.js +4 -6
- package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager-list.js.map +1 -1
- package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager-select.d.ts +9 -6
- package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager-select.d.ts.map +1 -1
- package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager-select.js +19 -6
- package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager-select.js.map +1 -1
- package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager.d.ts +5 -3
- package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager.d.ts.map +1 -1
- package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager.js +3 -5
- package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager.js.map +1 -1
- package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager.stories.d.ts +4 -2
- package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager.stories.d.ts.map +1 -1
- package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager.stories.js +40 -20
- package/dist/src/connect/components/modal/settings-modal-v2/package-manager/package-manager.stories.js.map +1 -1
- package/dist/src/connect/components/modal/settings-modal-v2/package-manager/types.d.ts +9 -0
- package/dist/src/connect/components/modal/settings-modal-v2/package-manager/types.d.ts.map +1 -0
- package/dist/src/connect/components/modal/settings-modal-v2/package-manager/types.js +2 -0
- package/dist/src/connect/components/modal/settings-modal-v2/package-manager/types.js.map +1 -0
- package/dist/src/connect/components/modal/settings-modal-v2/settings-modal.stories.js +2 -2
- package/dist/src/connect/components/modal/settings-modal-v2/settings-modal.stories.js.map +1 -1
- package/dist/src/connect/components/processors-inspector/index.d.ts +2 -0
- package/dist/src/connect/components/processors-inspector/index.d.ts.map +1 -0
- package/dist/src/connect/components/processors-inspector/index.js +2 -0
- package/dist/src/connect/components/processors-inspector/index.js.map +1 -0
- package/dist/src/connect/components/processors-inspector/processors-inspector.d.ts +16 -0
- package/dist/src/connect/components/processors-inspector/processors-inspector.d.ts.map +1 -0
- package/dist/src/connect/components/processors-inspector/processors-inspector.js +128 -0
- package/dist/src/connect/components/processors-inspector/processors-inspector.js.map +1 -0
- package/dist/src/connect/components/remotes-inspector/components/channel-inspector.d.ts +3 -1
- package/dist/src/connect/components/remotes-inspector/components/channel-inspector.d.ts.map +1 -1
- package/dist/src/connect/components/remotes-inspector/components/channel-inspector.js +10 -2
- package/dist/src/connect/components/remotes-inspector/components/channel-inspector.js.map +1 -1
- package/dist/src/connect/components/remotes-inspector/components/connection-state-badge.d.ts +6 -0
- package/dist/src/connect/components/remotes-inspector/components/connection-state-badge.d.ts.map +1 -0
- package/dist/src/connect/components/remotes-inspector/components/connection-state-badge.js +14 -0
- package/dist/src/connect/components/remotes-inspector/components/connection-state-badge.js.map +1 -0
- package/dist/src/connect/components/remotes-inspector/index.d.ts +1 -0
- package/dist/src/connect/components/remotes-inspector/index.d.ts.map +1 -1
- package/dist/src/connect/components/remotes-inspector/index.js +1 -0
- package/dist/src/connect/components/remotes-inspector/index.js.map +1 -1
- package/dist/src/connect/components/remotes-inspector/remotes-inspector.d.ts +10 -1
- package/dist/src/connect/components/remotes-inspector/remotes-inspector.d.ts.map +1 -1
- package/dist/src/connect/components/remotes-inspector/remotes-inspector.js +11 -5
- package/dist/src/connect/components/remotes-inspector/remotes-inspector.js.map +1 -1
- package/dist/src/ui/components/index.d.ts +1 -0
- package/dist/src/ui/components/index.d.ts.map +1 -1
- package/dist/src/ui/components/index.js +1 -0
- package/dist/src/ui/components/index.js.map +1 -1
- package/dist/src/ui/components/search-autocomplete/index.d.ts +4 -0
- package/dist/src/ui/components/search-autocomplete/index.d.ts.map +1 -0
- package/dist/src/ui/components/search-autocomplete/index.js +3 -0
- package/dist/src/ui/components/search-autocomplete/index.js.map +1 -0
- package/dist/src/ui/components/search-autocomplete/search-autocomplete.d.ts +4 -0
- package/dist/src/ui/components/search-autocomplete/search-autocomplete.d.ts.map +1 -0
- package/dist/src/ui/components/search-autocomplete/search-autocomplete.js +52 -0
- package/dist/src/ui/components/search-autocomplete/search-autocomplete.js.map +1 -0
- package/dist/src/ui/components/search-autocomplete/types.d.ts +19 -0
- package/dist/src/ui/components/search-autocomplete/types.d.ts.map +1 -0
- package/dist/src/ui/components/search-autocomplete/types.js +2 -0
- package/dist/src/ui/components/search-autocomplete/types.js.map +1 -0
- package/dist/src/ui/components/search-autocomplete/use-search-autocomplete.d.ts +17 -0
- package/dist/src/ui/components/search-autocomplete/use-search-autocomplete.d.ts.map +1 -0
- package/dist/src/ui/components/search-autocomplete/use-search-autocomplete.js +78 -0
- package/dist/src/ui/components/search-autocomplete/use-search-autocomplete.js.map +1 -0
- package/dist/style.css +36 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +6 -6
|
@@ -3,11 +3,13 @@ import { Icon } from "@powerhousedao/design-system";
|
|
|
3
3
|
import { useCallback, useEffect, useMemo, useState } from "react";
|
|
4
4
|
import { twMerge } from "tailwind-merge";
|
|
5
5
|
import { ChannelInspector } from "./components/channel-inspector.js";
|
|
6
|
+
import { ConnectionStateBadge } from "./components/connection-state-badge.js";
|
|
6
7
|
import { SortIcon } from "./components/sort-icon.js";
|
|
7
8
|
import { truncateId, } from "./utils.js";
|
|
8
9
|
const BASE_COLUMNS = [
|
|
9
10
|
{ key: "id", label: "ID", width: "120px" },
|
|
10
11
|
{ key: "name", label: "Name", width: "150px" },
|
|
12
|
+
{ key: "status", label: "Status", width: "120px" },
|
|
11
13
|
{ key: "collectionId", label: "Collection ID", width: "200px" },
|
|
12
14
|
{ key: "filter", label: "Filter", width: "200px" },
|
|
13
15
|
{ key: "channel", label: "Channel", width: "100px" },
|
|
@@ -60,7 +62,7 @@ function sortRemotes(remotes, sort) {
|
|
|
60
62
|
return sort.direction === "asc" ? comparison : -comparison;
|
|
61
63
|
});
|
|
62
64
|
}
|
|
63
|
-
export function RemotesInspector({ getRemotes, removeRemote, }) {
|
|
65
|
+
export function RemotesInspector({ getRemotes, removeRemote, connectionStates, }) {
|
|
64
66
|
const [remotes, setRemotes] = useState([]);
|
|
65
67
|
const [loading, setLoading] = useState(true);
|
|
66
68
|
const [sort, setSort] = useState();
|
|
@@ -83,7 +85,9 @@ export function RemotesInspector({ getRemotes, removeRemote, }) {
|
|
|
83
85
|
}
|
|
84
86
|
}, [loadRemotes, selectedRemote, remotes]);
|
|
85
87
|
const handleSort = (columnKey) => {
|
|
86
|
-
if (columnKey === "channel" ||
|
|
88
|
+
if (columnKey === "channel" ||
|
|
89
|
+
columnKey === "actions" ||
|
|
90
|
+
columnKey === "status")
|
|
87
91
|
return;
|
|
88
92
|
const newDirection = sort?.column === columnKey && sort.direction === "asc" ? "desc" : "asc";
|
|
89
93
|
setSort({ column: columnKey, direction: newDirection });
|
|
@@ -104,15 +108,17 @@ export function RemotesInspector({ getRemotes, removeRemote, }) {
|
|
|
104
108
|
setSelectedRemote(undefined);
|
|
105
109
|
};
|
|
106
110
|
if (selectedRemote) {
|
|
107
|
-
return (_jsx(ChannelInspector, { channel: selectedRemote.channel, onBack: handleBack, onRefresh: () => void handleRefresh(), remoteName: selectedRemote.name }));
|
|
111
|
+
return (_jsx(ChannelInspector, { channel: selectedRemote.channel, connectionState: connectionStates?.get(selectedRemote.name), onBack: handleBack, onRefresh: () => void handleRefresh(), remoteName: selectedRemote.name }));
|
|
108
112
|
}
|
|
109
113
|
const sortedRemotes = sortRemotes(remotes, sort);
|
|
110
114
|
return (_jsxs("div", { className: "flex h-full flex-col gap-2", children: [_jsxs("div", { className: "flex shrink-0 items-center justify-between", children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900", children: "Remotes Inspector" }), _jsxs("button", { className: "flex items-center gap-1 rounded border border-gray-300 bg-white px-3 py-1.5 text-sm text-gray-700 hover:bg-gray-100 disabled:opacity-50", disabled: loading, onClick: () => void handleRefresh(), type: "button", children: [_jsx(Icon, { name: "Reload", size: 14 }), "Refresh"] })] }), _jsx("div", { className: "max-h-full overflow-auto rounded-lg border border-gray-300", children: _jsxs("table", { className: "w-full border-collapse", children: [_jsx("thead", { className: "sticky top-0 bg-gray-100", children: _jsx("tr", { children: columns.map((column, index) => {
|
|
111
115
|
const isActive = sort?.column === column.key;
|
|
112
116
|
const sortDirection = isActive ? sort.direction : "asc";
|
|
113
|
-
const isSortable = column.key !== "channel" &&
|
|
117
|
+
const isSortable = column.key !== "channel" &&
|
|
118
|
+
column.key !== "actions" &&
|
|
119
|
+
column.key !== "status";
|
|
114
120
|
return (_jsx("th", { className: twMerge("group px-3 py-2 text-left text-xs font-medium text-gray-600", index > 0 && "border-l border-gray-300", isSortable &&
|
|
115
121
|
"cursor-pointer hover:bg-gray-200 hover:text-gray-900"), onClick: () => isSortable && handleSort(column.key), style: { width: column.width }, children: _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: "truncate", children: column.label }), isSortable && (_jsx(SortIcon, { active: isActive, direction: sortDirection }))] }) }, column.key));
|
|
116
|
-
}) }) }), _jsx("tbody", { children: loading && sortedRemotes.length === 0 ? (_jsx("tr", { children: _jsx("td", { className: "px-3 py-8 text-center text-sm text-gray-500", colSpan: columns.length, children: "Loading..." }) })) : sortedRemotes.length === 0 ? (_jsx("tr", { children: _jsx("td", { className: "px-3 py-8 text-center text-sm text-gray-500", colSpan: columns.length, children: "No remotes configured" }) })) : (sortedRemotes.map((remote) => (_jsxs("tr", { className: "odd:bg-white even:bg-gray-50 hover:bg-blue-50", children: [_jsx("td", { className: "px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: remote.id, children: truncateId(remote.id) }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: remote.name, children: remote.name }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: remote.collectionId, children: remote.collectionId }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: formatFilter(remote.filter), children: formatFilter(remote.filter) }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2", children: _jsxs("button", { className: "flex items-center gap-1 rounded bg-blue-50 px-2 py-1 text-xs text-blue-700 hover:bg-blue-100", onClick: () => handleViewChannel(remote), type: "button", children: ["View", _jsx(Icon, { name: "CaretRight", size: 12 })] }) }), removeRemote && (_jsx("td", { className: "border-l border-gray-300 px-3 py-2", children: _jsx("button", { className: "rounded bg-red-50 px-2 py-1 text-xs text-red-700 hover:bg-red-100", onClick: () => void handleRemove(remote), type: "button", children: "Remove" }) }))] }, remote.id)))) })] }) }), _jsxs("div", { className: "shrink-0 text-sm text-gray-600", children: ["Showing ", sortedRemotes.length, " remote(s)"] })] }));
|
|
122
|
+
}) }) }), _jsx("tbody", { children: loading && sortedRemotes.length === 0 ? (_jsx("tr", { children: _jsx("td", { className: "px-3 py-8 text-center text-sm text-gray-500", colSpan: columns.length, children: "Loading..." }) })) : sortedRemotes.length === 0 ? (_jsx("tr", { children: _jsx("td", { className: "px-3 py-8 text-center text-sm text-gray-500", colSpan: columns.length, children: "No remotes configured" }) })) : (sortedRemotes.map((remote) => (_jsxs("tr", { className: "odd:bg-white even:bg-gray-50 hover:bg-blue-50", children: [_jsx("td", { className: "px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: remote.id, children: truncateId(remote.id) }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: remote.name, children: remote.name }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2", children: connectionStates?.get(remote.name) ? (_jsx(ConnectionStateBadge, { failureCount: connectionStates.get(remote.name).failureCount, state: connectionStates.get(remote.name).state })) : (_jsx("span", { className: "text-xs text-gray-400", children: "-" })) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: remote.collectionId, children: remote.collectionId }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2 text-xs text-gray-900", children: _jsx("span", { className: "block truncate", title: formatFilter(remote.filter), children: formatFilter(remote.filter) }) }), _jsx("td", { className: "border-l border-gray-300 px-3 py-2", children: _jsxs("button", { className: "flex items-center gap-1 rounded bg-blue-50 px-2 py-1 text-xs text-blue-700 hover:bg-blue-100", onClick: () => handleViewChannel(remote), type: "button", children: ["View", _jsx(Icon, { name: "CaretRight", size: 12 })] }) }), removeRemote && (_jsx("td", { className: "border-l border-gray-300 px-3 py-2", children: _jsx("button", { className: "rounded bg-red-50 px-2 py-1 text-xs text-red-700 hover:bg-red-100", onClick: () => void handleRemove(remote), type: "button", children: "Remove" }) }))] }, remote.id)))) })] }) }), _jsxs("div", { className: "shrink-0 text-sm text-gray-600", children: ["Showing ", sortedRemotes.length, " remote(s)"] })] }));
|
|
117
123
|
}
|
|
118
124
|
//# sourceMappingURL=remotes-inspector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"remotes-inspector.js","sourceRoot":"","sources":["../../../../../src/connect/components/remotes-inspector/remotes-inspector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAIL,UAAU,GACX,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"remotes-inspector.js","sourceRoot":"","sources":["../../../../../src/connect/components/remotes-inspector/remotes-inspector.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,6 +22,7 @@ export * from "./input/splitted-input-diff.js";
|
|
|
22
22
|
export * from "./json-viewer/json-viewer.js";
|
|
23
23
|
export * from "./popover/popover.js";
|
|
24
24
|
export * from "./radio-group-field/radio-group-field.js";
|
|
25
|
+
export * from "./search-autocomplete/index.js";
|
|
25
26
|
export * from "./radio-group-field/radio-group.js";
|
|
26
27
|
export * from "./radio-group-field/radio.js";
|
|
27
28
|
export * from "./select-field/content.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,0CAA0C,CAAC;AACzD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wCAAwC,CAAC;AACvD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,sCAAsC,CAAC;AACrD,cAAc,0CAA0C,CAAC;AACzD,cAAc,kBAAkB,CAAC;AACjC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0CAA0C,CAAC;AACzD,cAAc,oCAAoC,CAAC;AACnD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0CAA0C,CAAC;AACzD,cAAc,kDAAkD,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,0CAA0C,CAAC;AACzD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wCAAwC,CAAC;AACvD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,sCAAsC,CAAC;AACrD,cAAc,0CAA0C,CAAC;AACzD,cAAc,kBAAkB,CAAC;AACjC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0CAA0C,CAAC;AACzD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0CAA0C,CAAC;AACzD,cAAc,kDAAkD,CAAC"}
|
|
@@ -22,6 +22,7 @@ export * from "./input/splitted-input-diff.js";
|
|
|
22
22
|
export * from "./json-viewer/json-viewer.js";
|
|
23
23
|
export * from "./popover/popover.js";
|
|
24
24
|
export * from "./radio-group-field/radio-group-field.js";
|
|
25
|
+
export * from "./search-autocomplete/index.js";
|
|
25
26
|
export * from "./radio-group-field/radio-group.js";
|
|
26
27
|
export * from "./radio-group-field/radio.js";
|
|
27
28
|
export * from "./select-field/content.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,0CAA0C,CAAC;AACzD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wCAAwC,CAAC;AACvD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,sCAAsC,CAAC;AACrD,cAAc,0CAA0C,CAAC;AACzD,cAAc,kBAAkB,CAAC;AACjC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0CAA0C,CAAC;AACzD,cAAc,oCAAoC,CAAC;AACnD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0CAA0C,CAAC;AACzD,cAAc,kDAAkD,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,0CAA0C,CAAC;AACzD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC;AAChC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wCAAwC,CAAC;AACvD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,sCAAsC,CAAC;AACrD,cAAc,0CAA0C,CAAC;AACzD,cAAc,kBAAkB,CAAC;AACjC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0CAA0C,CAAC;AACzD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oCAAoC,CAAC;AACnD,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,0CAA0C,CAAC;AACzD,cAAc,kDAAkD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/search-autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,YAAY,EACV,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/search-autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAK9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"search-autocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/search-autocomplete/search-autocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAG1D,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA+JhE,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from "@powerhousedao/design-system";
|
|
3
|
+
import React, { useCallback, useState } from "react";
|
|
4
|
+
import { Input } from "../input/input.js";
|
|
5
|
+
import { Popover, PopoverAnchor, PopoverContent } from "../popover/popover.js";
|
|
6
|
+
import { useSearchAutocomplete } from "./use-search-autocomplete.js";
|
|
7
|
+
export const SearchAutocomplete = (props) => {
|
|
8
|
+
const { fetchOptions, onSelect, selectLabel = "Select", placeholder = "Search...", disabled = false, loading: externalLoading = false, className, renderOption, debounceMs = 300, } = props;
|
|
9
|
+
const { query, setQuery, results, isLoading, error, isOpen, setIsOpen, handleQueryChange, } = useSearchAutocomplete({ fetchOptions, debounceMs });
|
|
10
|
+
const [selectingValue, setSelectingValue] = useState(null);
|
|
11
|
+
const handleInputChange = useCallback((e) => {
|
|
12
|
+
handleQueryChange(e.target.value);
|
|
13
|
+
}, [handleQueryChange]);
|
|
14
|
+
const handleSelect = useCallback(async (value) => {
|
|
15
|
+
setSelectingValue(value);
|
|
16
|
+
try {
|
|
17
|
+
await onSelect(value);
|
|
18
|
+
setQuery("");
|
|
19
|
+
setIsOpen(false);
|
|
20
|
+
}
|
|
21
|
+
catch {
|
|
22
|
+
// error handled by caller
|
|
23
|
+
}
|
|
24
|
+
finally {
|
|
25
|
+
setSelectingValue(null);
|
|
26
|
+
}
|
|
27
|
+
}, [onSelect, setQuery, setIsOpen]);
|
|
28
|
+
const handleSubmit = useCallback(() => {
|
|
29
|
+
if (query.trim()) {
|
|
30
|
+
handleSelect(query.trim());
|
|
31
|
+
}
|
|
32
|
+
}, [query, handleSelect]);
|
|
33
|
+
const handleKeyDown = useCallback((e) => {
|
|
34
|
+
if (e.key === "Enter") {
|
|
35
|
+
e.preventDefault();
|
|
36
|
+
if (!fetchOptions && query.trim()) {
|
|
37
|
+
handleSubmit();
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}, [fetchOptions, query, handleSubmit]);
|
|
41
|
+
const loading = isLoading || externalLoading;
|
|
42
|
+
// Fallback: plain text input + submit when no fetchOptions
|
|
43
|
+
if (!fetchOptions) {
|
|
44
|
+
return (_jsxs("div", { className: cn("flex items-center gap-2", className), children: [_jsx(Input, { value: query, onChange: handleInputChange, onKeyDown: handleKeyDown, placeholder: placeholder, disabled: disabled || selectingValue !== null, className: "max-w-xs text-gray-700" }), _jsx("button", { onClick: handleSubmit, disabled: disabled || !query.trim() || selectingValue !== null, className: "h-9 rounded-md bg-gray-900 px-4 text-sm font-semibold text-white transition-colors hover:bg-gray-800 disabled:cursor-not-allowed disabled:opacity-50", children: selectLabel })] }));
|
|
45
|
+
}
|
|
46
|
+
return (_jsxs("div", { className: cn("relative", className), children: [_jsxs(Popover, { open: isOpen && results.length > 0, onOpenChange: setIsOpen, children: [_jsx(PopoverAnchor, { asChild: true, children: _jsx(Input, { value: query, onChange: handleInputChange, onKeyDown: handleKeyDown, placeholder: placeholder, disabled: disabled, className: "max-w-xs text-gray-700" }) }), _jsx(PopoverContent, { align: "start", onOpenAutoFocus: (e) => e.preventDefault(), onInteractOutside: () => setIsOpen(false), className: "max-h-60 overflow-y-auto p-1", children: results.map((option) => (_jsxs("div", { className: "flex items-center justify-between gap-2 rounded-md px-2 py-1.5 hover:bg-gray-100", children: [renderOption ? (_jsx("div", { className: "min-w-0 flex-1", children: renderOption(option) })) : (_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-sm font-medium text-gray-900", children: option.label }), option.description && (_jsx("p", { className: "truncate text-xs text-gray-500", children: option.description })), option.meta && (_jsx("p", { className: "truncate text-xs text-gray-400", children: option.meta }))] })), _jsx("button", { onClick: () => handleSelect(option.value), disabled: selectingValue === option.value, className: "shrink-0 rounded-md bg-gray-900 px-3 py-1 text-xs font-medium text-white transition-colors hover:bg-gray-800 disabled:opacity-50", children: selectingValue === option.value ? "..." : selectLabel })] }, option.value))) })] }), loading && _jsx("p", { className: "mt-1 text-xs text-gray-500", children: "Searching..." }), error && _jsx("p", { className: "mt-1 text-xs text-red-600", children: error }), !loading &&
|
|
47
|
+
!error &&
|
|
48
|
+
query.trim() &&
|
|
49
|
+
results.length === 0 &&
|
|
50
|
+
!isOpen && (_jsx("p", { className: "mt-1 text-xs text-gray-500", children: "No results found" }))] }));
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=search-autocomplete.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"search-autocomplete.js","sourceRoot":"","sources":["../../../../../src/ui/components/search-autocomplete/search-autocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
export interface SearchAutocompleteOption {
|
|
3
|
+
value: string;
|
|
4
|
+
label: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
meta?: string;
|
|
7
|
+
}
|
|
8
|
+
export interface SearchAutocompleteProps {
|
|
9
|
+
fetchOptions?: (query: string) => Promise<SearchAutocompleteOption[]>;
|
|
10
|
+
onSelect: (value: string) => void | Promise<void>;
|
|
11
|
+
selectLabel?: string;
|
|
12
|
+
placeholder?: string;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
loading?: boolean;
|
|
15
|
+
className?: string;
|
|
16
|
+
renderOption?: (option: SearchAutocompleteOption) => ReactNode;
|
|
17
|
+
debounceMs?: number;
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/search-autocomplete/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,uBAAuB;IACtC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,wBAAwB,EAAE,CAAC,CAAC;IACtE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,wBAAwB,KAAK,SAAS,CAAC;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/ui/components/search-autocomplete/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { SearchAutocompleteOption } from "./types.js";
|
|
2
|
+
interface UseSearchAutocompleteOptions {
|
|
3
|
+
fetchOptions?: (query: string) => Promise<SearchAutocompleteOption[]>;
|
|
4
|
+
debounceMs: number;
|
|
5
|
+
}
|
|
6
|
+
export declare function useSearchAutocomplete(options: UseSearchAutocompleteOptions): {
|
|
7
|
+
query: string;
|
|
8
|
+
setQuery: import("react").Dispatch<import("react").SetStateAction<string>>;
|
|
9
|
+
results: SearchAutocompleteOption[];
|
|
10
|
+
isLoading: boolean;
|
|
11
|
+
error: string | undefined;
|
|
12
|
+
isOpen: boolean;
|
|
13
|
+
setIsOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
|
|
14
|
+
handleQueryChange: (value: string) => void;
|
|
15
|
+
};
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=use-search-autocomplete.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-search-autocomplete.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/search-autocomplete/use-search-autocomplete.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAE3D,UAAU,4BAA4B;IACpC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,wBAAwB,EAAE,CAAC,CAAC;IACtE,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,4BAA4B;;;;;;;;+BAoD/D,MAAM;EAyCjB"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { useCallback, useEffect, useRef, useState } from "react";
|
|
2
|
+
export function useSearchAutocomplete(options) {
|
|
3
|
+
const { fetchOptions, debounceMs } = options;
|
|
4
|
+
const [query, setQuery] = useState("");
|
|
5
|
+
const [results, setResults] = useState([]);
|
|
6
|
+
const [isLoading, setIsLoading] = useState(false);
|
|
7
|
+
const [error, setError] = useState();
|
|
8
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
9
|
+
const debounceRef = useRef(undefined);
|
|
10
|
+
const abortRef = useRef(undefined);
|
|
11
|
+
const fetchResults = useCallback(async (searchQuery) => {
|
|
12
|
+
if (!fetchOptions)
|
|
13
|
+
return;
|
|
14
|
+
if (!searchQuery.trim()) {
|
|
15
|
+
setResults([]);
|
|
16
|
+
setIsLoading(false);
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
19
|
+
abortRef.current?.abort();
|
|
20
|
+
const controller = new AbortController();
|
|
21
|
+
abortRef.current = controller;
|
|
22
|
+
setIsLoading(true);
|
|
23
|
+
setError(undefined);
|
|
24
|
+
try {
|
|
25
|
+
const data = await fetchOptions(searchQuery);
|
|
26
|
+
if (!controller.signal.aborted) {
|
|
27
|
+
setResults(data);
|
|
28
|
+
setIsOpen(data.length > 0);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
catch (err) {
|
|
32
|
+
if (!controller.signal.aborted) {
|
|
33
|
+
setError(err instanceof Error ? err.message : "Failed to fetch results");
|
|
34
|
+
setResults([]);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
finally {
|
|
38
|
+
if (!controller.signal.aborted) {
|
|
39
|
+
setIsLoading(false);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}, [fetchOptions]);
|
|
43
|
+
const handleQueryChange = useCallback((value) => {
|
|
44
|
+
setQuery(value);
|
|
45
|
+
if (debounceRef.current) {
|
|
46
|
+
clearTimeout(debounceRef.current);
|
|
47
|
+
}
|
|
48
|
+
if (!value.trim()) {
|
|
49
|
+
setResults([]);
|
|
50
|
+
setIsOpen(false);
|
|
51
|
+
setIsLoading(false);
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
setIsLoading(true);
|
|
55
|
+
debounceRef.current = setTimeout(() => {
|
|
56
|
+
fetchResults(value);
|
|
57
|
+
}, debounceMs);
|
|
58
|
+
}, [debounceMs, fetchResults]);
|
|
59
|
+
useEffect(() => {
|
|
60
|
+
return () => {
|
|
61
|
+
if (debounceRef.current) {
|
|
62
|
+
clearTimeout(debounceRef.current);
|
|
63
|
+
}
|
|
64
|
+
abortRef.current?.abort();
|
|
65
|
+
};
|
|
66
|
+
}, []);
|
|
67
|
+
return {
|
|
68
|
+
query,
|
|
69
|
+
setQuery,
|
|
70
|
+
results,
|
|
71
|
+
isLoading,
|
|
72
|
+
error,
|
|
73
|
+
isOpen,
|
|
74
|
+
setIsOpen,
|
|
75
|
+
handleQueryChange,
|
|
76
|
+
};
|
|
77
|
+
}
|
|
78
|
+
//# sourceMappingURL=use-search-autocomplete.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-search-autocomplete.js","sourceRoot":"","sources":["../../../../../src/ui/components/search-autocomplete/use-search-autocomplete.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQjE,MAAM,UAAU,qBAAqB,CAAC,OAAqC;IACzE,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IAE7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAA6B,EAAE,CAAC,CAAC;IACvE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAsB,CAAC;IACzD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,WAAW,GAAG,MAAM,CAAgC,SAAS,CAAC,CAAC;IACrE,MAAM,QAAQ,GAAG,MAAM,CAAkB,SAAS,CAAC,CAAC;IAEpD,MAAM,YAAY,GAAG,WAAW,CAC9B,KAAK,EAAE,WAAmB,EAAE,EAAE;QAC5B,IAAI,CAAC,YAAY;YAAE,OAAO;QAE1B,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,CAAC;YACxB,UAAU,CAAC,EAAE,CAAC,CAAC;YACf,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,OAAO;QACT,CAAC;QAED,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QAC1B,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;QACzC,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC;QAE9B,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,QAAQ,CAAC,SAAS,CAAC,CAAC;QAEpB,IAAI,CAAC;YACH,MAAM,IAAI,GAAG,MAAM,YAAY,CAAC,WAAW,CAAC,CAAC;YAC7C,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;gBAC/B,UAAU,CAAC,IAAI,CAAC,CAAC;gBACjB,SAAS,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAC7B,CAAC;QACH,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;gBAC/B,QAAQ,CACN,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAC/D,CAAC;gBACF,UAAU,CAAC,EAAE,CAAC,CAAC;YACjB,CAAC;QACH,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;gBAC/B,YAAY,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,KAAa,EAAE,EAAE;QAChB,QAAQ,CAAC,KAAK,CAAC,CAAC;QAEhB,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACxB,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;QAED,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,CAAC;YAClB,UAAU,CAAC,EAAE,CAAC,CAAC;YACf,SAAS,CAAC,KAAK,CAAC,CAAC;YACjB,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,OAAO;QACT,CAAC;QAED,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACpC,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,EAAE,UAAU,CAAC,CAAC;IACjB,CAAC,EACD,CAAC,UAAU,EAAE,YAAY,CAAC,CAC3B,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;gBACxB,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YACpC,CAAC;YACD,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QAC5B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,KAAK;QACL,QAAQ;QACR,OAAO;QACP,SAAS;QACT,KAAK;QACL,MAAM;QACN,SAAS;QACT,iBAAiB;KAClB,CAAC;AACJ,CAAC"}
|
package/dist/style.css
CHANGED
|
@@ -813,6 +813,7 @@
|
|
|
813
813
|
"Courier New", monospace;
|
|
814
814
|
--color-red-50: oklch(97.1% 0.013 17.38);
|
|
815
815
|
--color-red-100: hsl(3 82% 96%);
|
|
816
|
+
--color-red-300: hsl(6 82% 87%);
|
|
816
817
|
--color-red-400: hsl(5 82% 83%);
|
|
817
818
|
--color-red-500: hsl(5 80% 78%);
|
|
818
819
|
--color-red-600: hsl(4 81% 74%);
|
|
@@ -830,6 +831,7 @@
|
|
|
830
831
|
--color-yellow-500: hsl(47 100% 60%);
|
|
831
832
|
--color-yellow-600: hsl(47 100% 57%);
|
|
832
833
|
--color-yellow-700: hsl(47 100% 51%);
|
|
834
|
+
--color-yellow-800: hsl(47 100% 50%);
|
|
833
835
|
--color-yellow-900: hsl(47 100% 49%);
|
|
834
836
|
--color-green-50: oklch(98.2% 0.018 155.826);
|
|
835
837
|
--color-green-100: hsl(134 51% 89%);
|
|
@@ -1302,6 +1304,9 @@
|
|
|
1302
1304
|
.mt-4 {
|
|
1303
1305
|
margin-top: calc(var(--spacing) * 4);
|
|
1304
1306
|
}
|
|
1307
|
+
.mt-6 {
|
|
1308
|
+
margin-top: calc(var(--spacing) * 6);
|
|
1309
|
+
}
|
|
1305
1310
|
.mt-8 {
|
|
1306
1311
|
margin-top: calc(var(--spacing) * 8);
|
|
1307
1312
|
}
|
|
@@ -1599,6 +1604,9 @@
|
|
|
1599
1604
|
.max-h-6 {
|
|
1600
1605
|
max-height: calc(var(--spacing) * 6);
|
|
1601
1606
|
}
|
|
1607
|
+
.max-h-60 {
|
|
1608
|
+
max-height: calc(var(--spacing) * 60);
|
|
1609
|
+
}
|
|
1602
1610
|
.max-h-\[245px\] {
|
|
1603
1611
|
max-height: 245px;
|
|
1604
1612
|
}
|
|
@@ -2188,6 +2196,9 @@
|
|
|
2188
2196
|
.border-green-300 {
|
|
2189
2197
|
border-color: var(--color-green-300);
|
|
2190
2198
|
}
|
|
2199
|
+
.border-red-300 {
|
|
2200
|
+
border-color: var(--color-red-300);
|
|
2201
|
+
}
|
|
2191
2202
|
.border-red-700 {
|
|
2192
2203
|
border-color: var(--color-red-700);
|
|
2193
2204
|
}
|
|
@@ -2302,6 +2313,9 @@
|
|
|
2302
2313
|
.bg-red-50 {
|
|
2303
2314
|
background-color: var(--color-red-50);
|
|
2304
2315
|
}
|
|
2316
|
+
.bg-red-100 {
|
|
2317
|
+
background-color: var(--color-red-100);
|
|
2318
|
+
}
|
|
2305
2319
|
.bg-red-500 {
|
|
2306
2320
|
background-color: var(--color-red-500);
|
|
2307
2321
|
}
|
|
@@ -2341,6 +2355,12 @@
|
|
|
2341
2355
|
.bg-yellow-50 {
|
|
2342
2356
|
background-color: var(--color-yellow-50);
|
|
2343
2357
|
}
|
|
2358
|
+
.bg-yellow-100 {
|
|
2359
|
+
background-color: var(--color-yellow-100);
|
|
2360
|
+
}
|
|
2361
|
+
.bg-yellow-400 {
|
|
2362
|
+
background-color: var(--color-yellow-400);
|
|
2363
|
+
}
|
|
2344
2364
|
.bg-yellow-500 {
|
|
2345
2365
|
background-color: var(--color-yellow-500);
|
|
2346
2366
|
}
|
|
@@ -2643,6 +2663,9 @@
|
|
|
2643
2663
|
.text-blue-700 {
|
|
2644
2664
|
color: var(--color-blue-700);
|
|
2645
2665
|
}
|
|
2666
|
+
.text-blue-800 {
|
|
2667
|
+
color: var(--color-blue-800);
|
|
2668
|
+
}
|
|
2646
2669
|
.text-blue-900 {
|
|
2647
2670
|
color: var(--color-blue-900);
|
|
2648
2671
|
}
|
|
@@ -2754,6 +2777,9 @@
|
|
|
2754
2777
|
.text-yellow-700 {
|
|
2755
2778
|
color: var(--color-yellow-700);
|
|
2756
2779
|
}
|
|
2780
|
+
.text-yellow-800 {
|
|
2781
|
+
color: var(--color-yellow-800);
|
|
2782
|
+
}
|
|
2757
2783
|
.text-yellow-900 {
|
|
2758
2784
|
color: var(--color-yellow-900);
|
|
2759
2785
|
}
|
|
@@ -2787,6 +2813,9 @@
|
|
|
2787
2813
|
.opacity-50 {
|
|
2788
2814
|
opacity: 50%;
|
|
2789
2815
|
}
|
|
2816
|
+
.opacity-75 {
|
|
2817
|
+
opacity: 75%;
|
|
2818
|
+
}
|
|
2790
2819
|
.opacity-100 {
|
|
2791
2820
|
opacity: 100%;
|
|
2792
2821
|
}
|
|
@@ -3437,6 +3466,13 @@
|
|
|
3437
3466
|
}
|
|
3438
3467
|
}
|
|
3439
3468
|
}
|
|
3469
|
+
.hover\:bg-gray-800 {
|
|
3470
|
+
&:hover {
|
|
3471
|
+
@media (hover: hover) {
|
|
3472
|
+
background-color: var(--color-gray-800);
|
|
3473
|
+
}
|
|
3474
|
+
}
|
|
3475
|
+
}
|
|
3440
3476
|
.hover\:bg-gray-900 {
|
|
3441
3477
|
&:hover {
|
|
3442
3478
|
@media (hover: hover) {
|