@neo4j-ndl/react 4.22.1 → 4.23.3
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/lib/cjs/combobox/Combobox.js +14 -8
- package/lib/cjs/combobox/Combobox.js.map +1 -1
- package/lib/cjs/combobox/combobox-types.js.map +1 -1
- package/lib/cjs/icons/generated/custom/FloppyDiskArrowTopRight.js +30 -0
- package/lib/cjs/icons/generated/custom/FloppyDiskArrowTopRight.js.map +1 -0
- package/lib/cjs/icons/generated/custom/OpenQueryTab.js +1 -0
- package/lib/cjs/icons/generated/custom/OpenQueryTab.js.map +1 -1
- package/lib/cjs/icons/generated/custom/index.js +5 -3
- package/lib/cjs/icons/generated/custom/index.js.map +1 -1
- package/lib/cjs/next/tree-view/TreeView.js +16 -1
- package/lib/cjs/next/tree-view/TreeView.js.map +1 -1
- package/lib/esm/combobox/Combobox.js +14 -8
- package/lib/esm/combobox/Combobox.js.map +1 -1
- package/lib/esm/combobox/combobox-types.js.map +1 -1
- package/lib/esm/icons/generated/custom/FloppyDiskArrowTopRight.js +28 -0
- package/lib/esm/icons/generated/custom/FloppyDiskArrowTopRight.js.map +1 -0
- package/lib/esm/icons/generated/custom/OpenQueryTab.js +1 -0
- package/lib/esm/icons/generated/custom/OpenQueryTab.js.map +1 -1
- package/lib/esm/icons/generated/custom/index.js +1 -0
- package/lib/esm/icons/generated/custom/index.js.map +1 -1
- package/lib/esm/next/tree-view/TreeView.js +16 -1
- package/lib/esm/next/tree-view/TreeView.js.map +1 -1
- package/lib/types/combobox/Combobox.d.ts.map +1 -1
- package/lib/types/combobox/combobox-types.d.ts +5 -4
- package/lib/types/combobox/combobox-types.d.ts.map +1 -1
- package/lib/types/icons/generated/custom/FloppyDiskArrowTopRight.d.ts +29 -0
- package/lib/types/icons/generated/custom/FloppyDiskArrowTopRight.d.ts.map +1 -0
- package/lib/types/icons/generated/custom/OpenQueryTab.d.ts +1 -0
- package/lib/types/icons/generated/custom/OpenQueryTab.d.ts.map +1 -1
- package/lib/types/icons/generated/custom/index.d.ts +1 -0
- package/lib/types/icons/generated/custom/index.d.ts.map +1 -1
- package/lib/types/next/tree-view/TreeView.d.ts.map +1 -1
- package/package.json +3 -3
- package/skills/ndl-react/SKILL.md +6 -1
- package/skills/ndl-react/components/accordion.md +2 -0
- package/skills/ndl-react/components/ai/code-preview.md +4 -0
- package/skills/ndl-react/components/ai/file-tag.md +2 -0
- package/skills/ndl-react/components/ai/image-tag.md +2 -0
- package/skills/ndl-react/components/ai/more-files.md +2 -0
- package/skills/ndl-react/components/ai/presence.md +2 -0
- package/skills/ndl-react/components/ai/preview.md +2 -0
- package/skills/ndl-react/components/ai/prompt.md +2 -0
- package/skills/ndl-react/components/ai/reasoning.md +2 -0
- package/skills/ndl-react/components/ai/response.md +2 -0
- package/skills/ndl-react/components/ai/suggestion.md +2 -0
- package/skills/ndl-react/components/ai/thinking.md +2 -0
- package/skills/ndl-react/components/ai/tool-call.md +2 -0
- package/skills/ndl-react/components/ai/user-bubble.md +2 -0
- package/skills/ndl-react/components/avatar.md +2 -0
- package/skills/ndl-react/components/banner.md +2 -0
- package/skills/ndl-react/components/box.md +2 -0
- package/skills/ndl-react/components/breadcrumbs.md +2 -0
- package/skills/ndl-react/components/checkbox.md +2 -0
- package/skills/ndl-react/components/clean-icon-button.md +2 -0
- package/skills/ndl-react/components/clipboard-button.md +2 -0
- package/skills/ndl-react/components/code-block.md +2 -0
- package/skills/ndl-react/components/code.md +2 -0
- package/skills/ndl-react/components/color-picker.md +2 -0
- package/skills/ndl-react/components/combobox.md +3 -1
- package/skills/ndl-react/components/conditional-wrap.md +2 -0
- package/skills/ndl-react/components/data-grid.md +2 -0
- package/skills/ndl-react/components/date-picker.md +2 -0
- package/skills/ndl-react/components/dialog.md +2 -0
- package/skills/ndl-react/components/dismissible-tag.md +2 -0
- package/skills/ndl-react/components/divider.md +2 -0
- package/skills/ndl-react/components/drawer.md +2 -0
- package/skills/ndl-react/components/dropdown-button.md +2 -0
- package/skills/ndl-react/components/dropzone.md +2 -0
- package/skills/ndl-react/components/filled-button.md +2 -0
- package/skills/ndl-react/components/flex.md +2 -0
- package/skills/ndl-react/components/graph-label.md +2 -0
- package/skills/ndl-react/components/icon-button-array.md +2 -0
- package/skills/ndl-react/components/icon-button.md +2 -0
- package/skills/ndl-react/components/inline-edit.md +2 -0
- package/skills/ndl-react/components/kbd.md +2 -0
- package/skills/ndl-react/components/loading-bar.md +2 -0
- package/skills/ndl-react/components/loading-spinner.md +2 -0
- package/skills/ndl-react/components/logo.md +2 -0
- package/skills/ndl-react/components/menu.md +2 -0
- package/skills/ndl-react/components/modal.md +2 -0
- package/skills/ndl-react/components/next/tree-view.md +3 -1
- package/skills/ndl-react/components/outlined-button.md +2 -0
- package/skills/ndl-react/components/popover.md +2 -0
- package/skills/ndl-react/components/progress-bar.md +2 -0
- package/skills/ndl-react/components/radio.md +2 -0
- package/skills/ndl-react/components/read-only-tag.md +2 -0
- package/skills/ndl-react/components/segmented-control.md +2 -0
- package/skills/ndl-react/components/select-icon-button.md +2 -0
- package/skills/ndl-react/components/select.md +4 -0
- package/skills/ndl-react/components/selectable-tag.md +2 -0
- package/skills/ndl-react/components/side-navigation.md +2 -0
- package/skills/ndl-react/components/skeleton.md +2 -0
- package/skills/ndl-react/components/slider.md +2 -0
- package/skills/ndl-react/components/spotlight.md +2 -0
- package/skills/ndl-react/components/status-indicator.md +2 -0
- package/skills/ndl-react/components/status-label.md +2 -0
- package/skills/ndl-react/components/switch.md +2 -0
- package/skills/ndl-react/components/tabs.md +2 -0
- package/skills/ndl-react/components/tag.md +4 -0
- package/skills/ndl-react/components/text-area.md +2 -0
- package/skills/ndl-react/components/text-button.md +2 -0
- package/skills/ndl-react/components/text-input.md +2 -0
- package/skills/ndl-react/components/text-link.md +2 -0
- package/skills/ndl-react/components/time-picker.md +2 -0
- package/skills/ndl-react/components/timezone-picker.md +2 -0
- package/skills/ndl-react/components/tooltip.md +2 -0
- package/skills/ndl-react/components/tree-view.md +2 -0
- package/skills/ndl-react/components/typography.md +2 -0
- package/skills/ndl-react/components/wizard.md +2 -0
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
[//]: # (This file is auto-generated by the docs:generate-skills script, do not edit it manually)
|
|
2
|
+
|
|
1
3
|
# Combobox
|
|
2
4
|
|
|
3
5
|
Import: `import { Combobox } from '@neo4j-ndl/react'`
|
|
@@ -46,7 +48,7 @@ Import: `import { Combobox } from '@neo4j-ndl/react'`
|
|
|
46
48
|
| `placeholder` | `string` | | `Select...` | Text shown in the trigger while nothing is selected. |
|
|
47
49
|
| `portalTarget` | `HTMLElement \| null` | | | Portal target element. Defaults to `document.body`. |
|
|
48
50
|
| `ref` | `Ref<HTMLDivElement>` | | | A ref to apply to the root element. |
|
|
49
|
-
| `renderTrigger` | `((triggerProps: ComboboxTriggerProps, state: ComboboxTriggerState<TOption>) => ReactNode)` | | | Replaces the built-in trigger. Spread `triggerProps` onto the focusable element that should open the panel; the panel is anchored to it.
|
|
51
|
+
| `renderTrigger` | `((triggerProps: ComboboxTriggerProps, state: ComboboxTriggerState<TOption>) => ReactNode)` | | | Replaces the built-in trigger. Spread `triggerProps` onto the focusable element that should open the panel; the panel is anchored to it. No root element is rendered, so the trigger is a direct child of whatever contains the combobox. `isFluid`, `isClean`, `size`, `className`, `style`, `htmlAttributes` and `ref` are ignored; use `triggerRef` to reach the trigger element. |
|
|
50
52
|
| `searchPlaceholder` | `string` | | `Search` | Placeholder for the search input, which also names it. |
|
|
51
53
|
| `searchValue` | `string` | | | The search value in controlled mode. |
|
|
52
54
|
| `size` | `'large' \| 'medium' \| 'small'` | | `medium` | Size of the combobox control. |
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
[//]: # (This file is auto-generated by the docs:generate-skills script, do not edit it manually)
|
|
2
|
+
|
|
1
3
|
# TreeView
|
|
2
4
|
|
|
3
5
|
Import: `import { TreeView } from '@neo4j-ndl/react/next'`
|
|
@@ -82,7 +84,7 @@ Implements the keyboard interactions defined in the [WAI-ARIA TreeView pattern](
|
|
|
82
84
|
| `Shift + Enter`, `Shift + Space` | Both multiple modes: extends the range from the anchor to the focused item |
|
|
83
85
|
| `Shift + ArrowUp`, `Shift + ArrowDown` | Both multiple modes: moves focus and extends the range to the newly focused item |
|
|
84
86
|
|
|
85
|
-
The tree uses a roving tabindex strategy: only the currently focused item has `tabIndex={0}`, all other items have `tabIndex={-1}`. When the tree root receives focus it delegates to the previously focused item, or the first item if none was focused.
|
|
87
|
+
The tree uses a roving tabindex strategy: only the currently focused item has `tabIndex={0}`, all other items have `tabIndex={-1}`. When the tree root receives focus it delegates to the previously focused item, or the first item if none was focused. While focus is inside the tree, the root removes itself from the tab order, so the whole tree is a single tab stop: `Tab` and `Shift+Tab` always move focus out of the tree in one press.
|
|
86
88
|
|
|
87
89
|
The toggle modifier is `Cmd` on Apple platforms and `Ctrl` everywhere else, so `Ctrl` + click keeps its macOS meaning of opening the context menu.
|
|
88
90
|
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
[//]: # (This file is auto-generated by the docs:generate-skills script, do not edit it manually)
|
|
2
|
+
|
|
1
3
|
# Select
|
|
2
4
|
|
|
3
5
|
Import: `import { Select } from '@neo4j-ndl/react'`
|
|
@@ -6,6 +8,8 @@ Import: `import { Select } from '@neo4j-ndl/react'`
|
|
|
6
8
|
|
|
7
9
|
### Select
|
|
8
10
|
|
|
11
|
+
**Deprecated** - Use `Combobox` instead. This component will be removed in a future release.
|
|
12
|
+
|
|
9
13
|
| Prop | Type | Required | Default | Description |
|
|
10
14
|
|------|------|----------|---------|-------------|
|
|
11
15
|
| `ariaLabel` | `string` | | | Aria label of the select component |
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
[//]: # (This file is auto-generated by the docs:generate-skills script, do not edit it manually)
|
|
2
|
+
|
|
1
3
|
# Tag
|
|
2
4
|
|
|
3
5
|
Import: `import { Tag } from '@neo4j-ndl/react'`
|
|
@@ -6,6 +8,8 @@ Import: `import { Tag } from '@neo4j-ndl/react'`
|
|
|
6
8
|
|
|
7
9
|
### Tag
|
|
8
10
|
|
|
11
|
+
**Deprecated** - Use `ReadOnlyTag`, `DismissibleTag`, or `SelectableTag` instead. This component will be removed in v5.
|
|
12
|
+
|
|
9
13
|
| Prop | Type | Required | Default | Description |
|
|
10
14
|
|------|------|----------|---------|-------------|
|
|
11
15
|
| `children` | `ReactNode` | ✅ | | The content of the tag |
|