atlas-react-kit 0.2.0 → 0.2.1
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/README.md +7 -6
- package/dist/combobox.js +9 -0
- package/package.json +6 -1
package/README.md
CHANGED
|
@@ -4,7 +4,7 @@ Shared React components and a Tailwind theme with square corners, semantic
|
|
|
4
4
|
colors, and distinct selected states. React 19 and Tailwind 4 are required.
|
|
5
5
|
|
|
6
6
|
```sh
|
|
7
|
-
npm install --save-exact atlas-react-kit@0.2.
|
|
7
|
+
npm install --save-exact atlas-react-kit@0.2.1
|
|
8
8
|
```
|
|
9
9
|
|
|
10
10
|
Import components by subpath:
|
|
@@ -59,17 +59,18 @@ without compilation and processed by the consuming application's Tailwind build.
|
|
|
59
59
|
The optional Next.js 16 adapter requires Next only when imported. The package
|
|
60
60
|
does not bundle React.
|
|
61
61
|
|
|
62
|
-
0.1.0
|
|
63
|
-
|
|
64
|
-
`
|
|
62
|
+
0.1.0 and 0.2.0 are already on npm. Bumping the version in `package.json` and
|
|
63
|
+
merging to `main` (path-filtered to package files) or running
|
|
64
|
+
`workflow_dispatch` publishes through npm OIDC trusted publishing after
|
|
65
|
+
check, test, and pack gates. Versions already on npm are skipped.
|
|
65
66
|
|
|
66
|
-
If trusted publishing is not
|
|
67
|
+
If trusted publishing is not configured, pack and publish a validated
|
|
67
68
|
artifact with the package owner's npm login:
|
|
68
69
|
|
|
69
70
|
```sh
|
|
70
71
|
mkdir -p release-artifacts
|
|
71
72
|
npm pack --pack-destination release-artifacts
|
|
72
|
-
npm publish ./release-artifacts/atlas-react-kit-0.2.
|
|
73
|
+
npm publish ./release-artifacts/atlas-react-kit-0.2.1.tgz --access public
|
|
73
74
|
```
|
|
74
75
|
|
|
75
76
|
Pin an exact package version in consuming applications. Roll back an upgrade by
|
package/dist/combobox.js
CHANGED
|
@@ -59,6 +59,15 @@ export function Combobox({ options, value, onValueChange, placeholder = "Select"
|
|
|
59
59
|
if (option)
|
|
60
60
|
selectValue(option.value);
|
|
61
61
|
}
|
|
62
|
+
// Home/End jump the highlight; preventDefault so the search caret stays put.
|
|
63
|
+
if (event.key === "Home") {
|
|
64
|
+
event.preventDefault();
|
|
65
|
+
setHighlight(0);
|
|
66
|
+
}
|
|
67
|
+
if (event.key === "End") {
|
|
68
|
+
event.preventDefault();
|
|
69
|
+
setHighlight(filtered.length === 0 ? 0 : filtered.length - 1);
|
|
70
|
+
}
|
|
62
71
|
};
|
|
63
72
|
return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { id: id, type: "button", variant: "outline", role: "combobox", "aria-expanded": open, "aria-controls": listId, "aria-invalid": ariaInvalid, disabled: disabled, className: cn("h-10 w-full justify-between font-normal tracking-normal normal-case", !selected && "text-muted-foreground", className), children: [_jsx("span", { className: "truncate", children: selected?.label ?? placeholder }), _jsx(ChevronDownIcon, { "data-icon": "inline-end", className: "opacity-50" })] }) }), _jsxs(PopoverContent, { align: "start", className: "w-[var(--radix-popover-trigger-width)] gap-0 rounded-none p-0", children: [_jsx("div", { className: "border-b p-2", children: _jsx(Input, { ref: inputRef, value: query, onChange: onQueryChange, onKeyDown: onSearchKeyDown, placeholder: searchPlaceholder, "aria-autocomplete": "list", "aria-controls": listId, "aria-activedescendant": activeOption
|
|
64
73
|
? `${listId}-option-${activeOption.value}`
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "atlas-react-kit",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.1",
|
|
4
4
|
"description": "Shared React components and Tailwind theme for Atlas",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -192,9 +192,14 @@
|
|
|
192
192
|
"tw-animate-css": "^1.4.0"
|
|
193
193
|
},
|
|
194
194
|
"devDependencies": {
|
|
195
|
+
"@testing-library/dom": "^10.4.2",
|
|
196
|
+
"@testing-library/jest-dom": "^7.0.1",
|
|
197
|
+
"@testing-library/react": "^16.3.3",
|
|
198
|
+
"@testing-library/user-event": "^14.6.7",
|
|
195
199
|
"@types/node": "^25.5.0",
|
|
196
200
|
"@types/react": "^19.2.14",
|
|
197
201
|
"@types/react-dom": "^19.2.3",
|
|
202
|
+
"jsdom": "^29.1.1",
|
|
198
203
|
"next": "16.2.6",
|
|
199
204
|
"prettier": "^3.8.1",
|
|
200
205
|
"react": "^19.2.4",
|